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