Subversion Repositories Sites.tela-botanica.org

Rev

Rev 500 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

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