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
 
104 magali 84
/* autres classes de presentation*/
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;
126 magali 95
  background: #ffffcc url(http://www.tela-botanica.org/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 {
144 jpm 100
  background: #e7ebfd url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/information.png) no-repeat 2% 50%;
4 david 101
  text-align:center;
144 jpm 102
  border:1px solid #5D81BA;
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 {
126 magali 192
  background:url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/norm_right_both.gif) no-repeat right top;
4 david 193
  float:left;
194
  margin:0;
195
  padding:0;}
196
#onglets a {
197
  float:left; /* ligne ajoutee pour compatibilite IE5-Mac */
198
  display:block;
136 magali 199
  background:url("http://www.tela-botanica.org/sites/commun/generique/images/graphisme/norm_left_both.gif") no-repeat left top;
4 david 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;
102 alex 240
  padding:0 5px 7px 5px;}
4 david 241
#texte .image_lien {
242
  background-image:none;}
72 magali 243
/* Hides from IE-mac \*/
244
* html #texte {height: 1%;}
245
/* Bug qui inactive les liens sous IE */
71 magali 246
 
247
 
4 david 248
/* droite -> pied_page */
249
 
250
#pied_text, #pied_page, #zone_pied {
251
  clear:both;
252
  text-align:center;
253
  font-size:11px;}
254
#pied_page p, #zone_pied p{
255
  position:center;}
256
#pied_page a {
257
  margin:0 10px;}
258
.menu_commun_n1 {
259
  padding:0;}
260
.menu_commun_n1 li {
261
  display:inline;}
262
.menu_commun_n1 li+li {
126 magali 263
  background:url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/boule_basse.png) no-repeat center left;
4 david 264
  display:inline;
265
  padding-left:10px;}
266
 
267
/* Tableau */
268
.table_cadre {
269
  border-spacing:0;
270
  text-align:center;}
271
.table_cadre th {
272
  text-align:center;}
273
.table_cadre td {
274
  padding:2px;
275
  text-align:left;}
276
 
277
/*nav_gauche*/
278
#nav_gauche {
279
  position:absolute;
280
  top:2px;
281
  left:2px;
282
  width:188px;
283
  padding-top:150px;
284
  min-height:292px;}
285
 
286
/* nav_gauche -> logo_tela */
287
#logo_tela, #logo {
288
  margin:7px 10px;
289
  position:absolute;
290
  top:2px;
291
  left:18px;
292
  z-index:1;}
293
#logo_tela a, #logo a {
294
  background:none;}
295
#acces_direct, #accessibilite {
296
  display:none;}
297
 
298
/* nav_gauche -> selecteur_sites */
28 magali 299
.selecteur_monde {
300
  text-align:center;
301
  font-size:12px;
302
  font-weight:bold;
303
  width:180px;
304
  height:20px;}
4 david 305
#sesi_selecteur fieldset, #selecteur_monde fieldset{
306
  border:0;
307
  margin:0;
308
  padding:0;}
309
#sesi_selecteur legend, #selecteur_monde legend{
310
  display: none;}
311
#sesi_selecteur input {
312
  font-size:11px;}
313
#lien_inscription{
314
  margin:2em 0 0 0;
315
  font-size:11px;}
316
 
317
/* nav_gauche -> menus */
318
#menus, #zone_menu {
319
  font-size:13px;
320
  margin:10px 0;
321
  text-align:left;}
322
#menus a {
323
  background:none;
324
  color:#000;
325
  display:block;
326
  height:1.2em;}
327
#menus .menu_actif>a {
328
  border-width:1px;
329
  border-style:solid;}
330
#menus > ul a {
331
  height:auto;}
332
#nav_gauche hr {
333
  width:40%;
334
  text-align:center;}
335
/* nav_gauche -> form connexion et deconnexion */
336
#form_connexion legend, #identification legend {
337
  font-size:14px;
338
  font-weight:bold;
339
  padding-left:32px;}
340
#form_connexion label, #identification label {
341
  display:none;}
342
#form_connexion fieldset, #identification fieldset{
343
  border:none;}
344
#username, #password {
345
  width:10em;
346
  text-align:left;
347
  margin:0.5em 1em;}
348
#identification_info, #identification, #formconnexion, #iden_action {
349
  display:block;
350
  width:auto;
351
  text-align:center;
352
  font-size:11px;
353
  margin: 0;
354
  padding-bottom:2px;}
355
#menu_contextuel {
356
  border:1px solid;}
357
#deconnexion, #lien_inscription_modif, #lien_inscription {
358
  font-size:12px;}
359
 
98 jpm 360
#identification_message, #menu_contextuel h2, #hba_info h1, #hba_info p {
4 david 361
  display:block;
362
  font-size:14px;
363
  text-align:center;
364
  font-weight:bold;
365
  text-transform:none;
366
  margin:0 0 5px 0;}
367
#identification_prenom {
368
  font-size:13px;
369
  font-weight:bold;
370
  color:black;}
371
#identification_nom {
372
  font-size:13px;
373
  font-weight:bold;
374
  text-transform:uppercase;
375
  color:black;}
376
#iden_action a {
377
  line-height:15px;}
378
/* presentation des menus */
379
.menu_classique_n1, .menu_n1 {
380
  padding:0;
381
  margin:0;
382
  font-weight:bold;}
383
.menu_classique_n1 li {
384
  list-style:none;}
385
.menu_classique_n1 a {
386
  padding:3px 0 0 0;}
387
.menu_classique_n2, .menu_n2 {
388
  padding:0;
389
  margin:0;
390
  font-weight:normal;}
391
.menu_classique_n2 li {
392
  list-style:none;
393
  padding:0;
394
  margin:0;}
395
.menu_classique_n2 a {
396
  padding:3px 0 3px 15px;}
397
.menu_n3 {
398
  margin:0 0 0 10px;
399
  padding:0;
400
  text-align:left;}
401
.menu_actif a {
402
  text-decoration:none;}
403
.menu_inactif {
404
  background-color:transparent;
405
  padding:0;
406
  margin:0;}
407
.menu_inactif a {
408
  color:#000;
409
  text-decoration:none;}
410
/*presentation des syntheses*/
411
.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{
412
  display:none;}
413
.page_titre {
414
  font-weight:bold;}
415
 
416
/* Texte champ d'une fiche */
417
.champ_cle {
418
  font-weight:bold;}
419
.champ_valeur {
420
  font-weight:normal;}p_cle {
421
  font-weight:bold;}
422
.champ_valeur {
423
  font-weight:normal;}
424
/*presentation synthese biblio pteridophytes*/
425
/*.couleur_bleu {
426
  color:blue;}
427
.couleur_vert {
428
  color:green;}
429
.couleur_rose {
430
  color:#BF90DE;}
431
.couleur_orange {
432
  color:orange;}
433
.bp_auteur_france {
434
  color:blue;}
435
.bp_auteur_europe {
436
  color:#BF90DE;}
437
.bp_auteur_famille {
438
  color:green;}
439
.bp_auteur_region {
440
  color:orange;}*/
441
.bp_titre {
442
  font-weight:bold;}
443
.bp_titre_revue, .nom_latin {
444
  font-weight:normal;}
445
.bp_annee, .bp_num_revue {
446
  font-weight:normal;}
104 magali 447
/*menu_commun*/
448
.question {
449
  font-weight:bold;}