Subversion Repositories Sites.tela-botanica.org

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
4 david 1
/*Feuille de style de tous les mondes
2
Auteur : Magali Giaume*/
3
 
4
/* presentation des liens */
5
a {
6
  color:black;
7
  text-decoration:none;
8
  background-repeat: repeat-x;
9
  background-position:center bottom;}
10
a:hover {
11
  color:black;
12
  text-decoration:none;
13
  background-repeat: repeat-x;
14
  background-position:center bottom;}
15
 
16
/* presentation des listes de definitions */
17
dl {width:100%;}
18
 
19
dt {
20
  float:left;
21
  font-weight: bold;
22
  line-height:1.1em;
23
  text-align:top left;
24
  margin-right:0.3em;}
25
 
26
dd {
27
  width:auto;
28
  margin-left:0;
29
  line-height:1.1em;
30
  margin:0.5em 0;}
31
 
32
.ajout_2point dt:after {content:" : ";}
33
 
34
/* presentation des listes */
35
ul {
36
  line-height:14px;}
37
.liste_decale li, .liste_decale dt {
38
  margin-left:2em;}
39
li {
40
  margin:3px;}
41
ul ul {
42
  margin-left:2em;}
43
#menus ul{
44
  line-height:1.5em;}
45
 
46
/* presentation des images */
47
img{
48
  border:0;}
49
img a{
50
  display:block;}
51
#logo_tela img {
52
  border:0;}
53
#logo_tela a {
73 magali 54
 position:absolute;
55
  top : 0;
56
  left:0;}
4 david 57
.img_gch_txt_drte img, .flottant_gauche {
58
  float:left;
59
  margin:5px 10px 5px 5px;}
60
.img_gch_txt_drte li {
61
  margin-left:40px;}
62
.img_drte_txt_gch img, .flottant_droit {
63
  float:right;
64
  margin-left:10px;}
65
.img_drte_txt_gch > img {
66
  float:right;
67
  margin-left:10px;}
68
.img_milieu {
69
  display:inline;
70
  margin:0 10px;}
71
.image_legendee {
72
  width: 300px;
73
  font-style:italic;
74
  margin: 5px}
75
.image_legendee img {
76
  margin: 0 auto}
77
.legende {
78
  display:block;
79
  font-weight:bold;
80
  text-align:center;}
81
.clear {
82
  clear:both;}
83
 
30 magali 84
/* autres classes de présentation*/
4 david 85
.texte_inactif {
86
  font-size:10px;
87
  color:gray;}
88
.erreur {
89
  color:#F00;}
90
.en_evidence {
91
  font-size:16px;
92
  font-weight:bold;}
93
.attention {
94
  display:block;
21 magali 95
  background: #ffffcc url(/sites/commun/generique/images/graphisme/attention.png) no-repeat 2% 50%;
4 david 96
  text-align:center;
97
  border: 1px solid red;
21 magali 98
  padding:10px 5px 10px 50px;}
4 david 99
.information {
32 magali 100
  background: #e7ebfd;
4 david 101
  text-align:center;
102
  border:1px solid #dfe7ac;
67 magali 103
  padding:10px 0 10px 0;}
4 david 104
#bb_liste_fascicule li{
105
  clear:both;
106
  height:100%;}
107
.bb_img_fascicule {
108
  display:block;}
109
blockquote {
110
  font-style:italic;
111
  text-align:center;}
112
legend {
113
  text-align:center;}
114
.fin_texte{
115
  width:0;
116
  height:0;
117
  text-align: center;
118
  clear: both;}
119
 
120
/*DIFFERENTS BLOCS DE LA PAGE*/
121
#reducteur {
122
  text-align:center;}
123
/*bandeau*/
124
#bandeau, #zone_bandeau {
125
  height:77px;
126
  margin:0 0 0 190px;}
127
#titre_monde, #site_nom {
128
  margin:0;
129
  text-align:right;
130
  height:38px;}
131
#titre_monde h1, #site_nom h1 {
132
  background-color:transparent;
133
  font-weight: bold;
134
  font-size: 28px;
135
  margin:0 20px 0 0;
136
  padding:0;}
137
#plan_contact {
138
  margin:0 5px 0 0;
139
  text-align:right;
140
  height:25px;
141
  padding:7px 15px 0 0;}
142
#plan_contact a {
143
  font-weight:bold;
144
  margin-left:10px;
145
  background-repeat: repeat-x;
146
  background-position:center bottom;}
147
#plan_contact a:hover {
148
  font-weight:bold;
149
  margin-left:10px;
150
  background-repeat: repeat-x;
151
  background-position:center bottom;}
152
/*droite*/
153
#droite {
154
  margin:0 5px 0 207px;
155
  position:relative;}
156
 
157
/* droite -> pos_recherche */
158
#pos_recherche, #moteur_recherche {
159
  font-size:13px;
160
  font-weight:bold;
161
  min-height:30px;
162
  padding:5px 0 5px 20px;
163
  text-align:left;}
164
#form_more_recherche, #form_recherche {
165
  text-align:right;
166
  padding:0;
167
  margin:0;}
168
#form_more_recherche legend {
169
  display:none;}
170
#form_more_recherche fieldset {
171
  float:right;
172
  border:0;
173
  margin:0;
174
  padding:0;}
175
#form_more_recherche label {
176
  display:none;}
177
li #more_resultat {
178
  clear:left;}
179
 
180
/*droite -> onglets */
181
#onglets {
182
  position:relative;
183
  float:left;
184
  text-align:left;
185
  z-index:2;
186
  font-weight:bold;}
187
#onglets ul {
188
  margin:0;
189
  padding:0;
190
  list-style:none;}
191
#onglets li {
192
  background:url(/sites/commun/generique/images/graphisme/norm_right_both.gif) no-repeat right top;
193
  float:left;
194
  margin:0;
195
  padding:0;}
196
#onglets a {
197
  float:left; /* ligne ajoutee pour compatibilite IE5-Mac */
198
  display:block;
199
  background:url("/sites/commun/generique/images/graphisme/norm_left_both.gif") no-repeat left top;
200
  width:.1em;
201
  white-space:nowrap;/*2 lignes ajoutees pour compatibilite IE : extension de la zone cliquable a l'ensemble de l'onglet*/
202
  padding:5px 15px 4px;
203
  text-decoration:none;}
204
/* On retablit le float a sa valeur correct mais le hack de l'antislash commente cache cette regle a IE5-Mac \*/
205
#header a {float:none;}
206
/* End IE5-Mac hack */
207
#onglets > ul a {
208
  width:auto;} /*propriete ajoutee pour contredire la ligne speciale IE (ci dessus) pour les autres navigateurs*/
209
#onglets li:hover {
210
  background-position:100% -150px;}
211
#onglets li:hover a {
212
  background-position:0% -150px;}
213
#onglets .menu_inactif {
214
  border-bottom:1px solid;}
215
#onglets .menu_actif, #onglets .onglet_actif {
216
  position:relative;
217
  background-position:100% -150px;
218
  padding-bottom:2px;
219
  z-index:3;
220
  font-weight:bold;}
221
#onglets .menu_actif a, #onglets .onglet_actif a {
222
  position:relative;
223
  background-position:0% -150px;
224
  padding-bottom:3px;
225
  z-index:4;}
226
 
227
/* droite -> contenu */
228
#contenu, #zone_contenu, #contenu_accueil {
229
  position:relative;
230
  top:-1px;
231
  z-index:1;
232
  clear:both;
233
  padding:0 2px 0 2px;
234
  text-align:justify;
235
  min-height:300px;}
236
#texte{
237
  line-height:1.2em;
238
  text-align:justify;
239
  clear:both;
240
  padding:0 5px 7px 5px;
241
  background:url(/accueil/test.png);}
242
#texte .image_lien {
243
  background-image:none;}
72 magali 244
/* Hides from IE-mac \*/
245
* html #texte {height: 1%;}
246
/* Bug qui inactive les liens sous IE */
71 magali 247
 
248
 
4 david 249
/* droite -> pied_page */
250
 
251
#pied_text, #pied_page, #zone_pied {
252
  clear:both;
253
  text-align:center;
254
  font-size:11px;}
255
#pied_page p, #zone_pied p{
256
  position:center;}
257
#pied_page a {
258
  margin:0 10px;}
259
.menu_commun_n1 {
260
  padding:0;}
261
.menu_commun_n1 li {
262
  display:inline;}
263
.menu_commun_n1 li+li {
264
  background:url(/sites/commun/generique/images/graphisme/boule_basse.png) no-repeat center left;
265
  display:inline;
266
  padding-left:10px;}
267
 
268
/* Tableau */
269
.table_cadre {
270
  border-spacing:0;
271
  text-align:center;}
272
.table_cadre th {
273
  text-align:center;}
274
.table_cadre td {
275
  padding:2px;
276
  text-align:left;}
277
 
278
/*nav_gauche*/
279
#nav_gauche {
280
  position:absolute;
281
  top:2px;
282
  left:2px;
283
  width:188px;
284
  padding-top:150px;
285
  min-height:292px;}
286
 
287
/* nav_gauche -> logo_tela */
288
#logo_tela, #logo {
289
  margin:7px 10px;
290
  position:absolute;
291
  top:2px;
292
  left:18px;
293
  z-index:1;}
294
#logo_tela a, #logo a {
295
  background:none;}
296
#acces_direct, #accessibilite {
297
  display:none;}
298
 
299
/* nav_gauche -> selecteur_sites */
28 magali 300
.selecteur_monde {
301
  text-align:center;
302
  font-size:12px;
303
  font-weight:bold;
304
  width:180px;
305
  height:20px;}
4 david 306
#sesi_selecteur fieldset, #selecteur_monde fieldset{
307
  border:0;
308
  margin:0;
309
  padding:0;}
310
#sesi_selecteur legend, #selecteur_monde legend{
311
  display: none;}
312
#sesi_selecteur input {
313
  font-size:11px;}
314
#lien_inscription{
315
  margin:2em 0 0 0;
316
  font-size:11px;}
317
 
318
/* nav_gauche -> menus */
319
#menus, #zone_menu {
320
  font-size:13px;
321
  margin:10px 0;
322
  text-align:left;}
323
#menus a {
324
  background:none;
325
  color:#000;
326
  display:block;
327
  height:1.2em;}
328
#menus .menu_actif>a {
329
  border-width:1px;
330
  border-style:solid;}
331
#menus > ul a {
332
  height:auto;}
333
#nav_gauche hr {
334
  width:40%;
335
  text-align:center;}
336
/* nav_gauche -> form connexion et deconnexion */
337
#form_connexion legend, #identification legend {
338
  font-size:14px;
339
  font-weight:bold;
340
  padding-left:32px;}
341
#form_connexion label, #identification label {
342
  display:none;}
343
#form_connexion fieldset, #identification fieldset{
344
  border:none;}
345
#username, #password {
346
  width:10em;
347
  text-align:left;
348
  margin:0.5em 1em;}
349
#identification_info, #identification, #formconnexion, #iden_action {
350
  display:block;
351
  width:auto;
352
  text-align:center;
353
  font-size:11px;
354
  margin: 0;
355
  padding-bottom:2px;}
356
#menu_contextuel {
357
  border:1px solid;}
358
#deconnexion, #lien_inscription_modif, #lien_inscription {
359
  font-size:12px;}
360
 
98 jpm 361
#identification_message, #menu_contextuel h2, #hba_info h1, #hba_info p {
4 david 362
  display:block;
363
  font-size:14px;
364
  text-align:center;
365
  font-weight:bold;
366
  text-transform:none;
367
  margin:0 0 5px 0;}
368
#identification_prenom {
369
  font-size:13px;
370
  font-weight:bold;
371
  color:black;}
372
#identification_nom {
373
  font-size:13px;
374
  font-weight:bold;
375
  text-transform:uppercase;
376
  color:black;}
377
#iden_action a {
378
  line-height:15px;}
379
/* presentation des menus */
380
.menu_classique_n1, .menu_n1 {
381
  padding:0;
382
  margin:0;
383
  font-weight:bold;}
384
.menu_classique_n1 li {
385
  list-style:none;}
386
.menu_classique_n1 a {
387
  padding:3px 0 0 0;}
388
.menu_classique_n2, .menu_n2 {
389
  padding:0;
390
  margin:0;
391
  font-weight:normal;}
392
.menu_classique_n2 li {
393
  list-style:none;
394
  padding:0;
395
  margin:0;}
396
.menu_classique_n2 a {
397
  padding:3px 0 3px 15px;}
398
.menu_n3 {
399
  margin:0 0 0 10px;
400
  padding:0;
401
  text-align:left;}
402
.menu_actif a {
403
  text-decoration:none;}
404
.menu_inactif {
405
  background-color:transparent;
406
  padding:0;
407
  margin:0;}
408
.menu_inactif a {
409
  color:#000;
410
  text-decoration:none;}
411
/*presentation des syntheses*/
412
.page_separateur_date_heure, .page_creation_jour, .page_creation_heure, .page_creation_minute, .page_creation_seconde, .page_separateur_heure, .page_separateur_minute, .page_modification_heure, .page_modification_minute{
413
  display:none;}
414
.page_titre {
415
  font-weight:bold;}
416
 
417
/* Texte champ d'une fiche */
418
.champ_cle {
419
  font-weight:bold;}
420
.champ_valeur {
421
  font-weight:normal;}p_cle {
422
  font-weight:bold;}
423
.champ_valeur {
424
  font-weight:normal;}
425
/*presentation synthese biblio pteridophytes*/
426
/*.couleur_bleu {
427
  color:blue;}
428
.couleur_vert {
429
  color:green;}
430
.couleur_rose {
431
  color:#BF90DE;}
432
.couleur_orange {
433
  color:orange;}
434
.bp_auteur_france {
435
  color:blue;}
436
.bp_auteur_europe {
437
  color:#BF90DE;}
438
.bp_auteur_famille {
439
  color:green;}
440
.bp_auteur_region {
441
  color:orange;}*/
442
.bp_titre {
443
  font-weight:bold;}
444
.bp_titre_revue, .nom_latin {
445
  font-weight:normal;}
446
.bp_annee, .bp_num_revue {
447
  font-weight:normal;}