Subversion Repositories Sites.tela-botanica.org

Rev

Rev 144 | 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
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 {
172 magali 36
  line-height:12px;}
37
#texte li {
38
  margin:4px;
39
  line-height:12px;}
4 david 40
.liste_decale li, .liste_decale dt {
41
  margin-left:2em;}
42
ul ul {
43
  margin-left:2em;}
44
#menus ul{
45
  line-height:1.5em;}
46
 
47
/* presentation des images */
48
img{
49
  border:0;}
50
img a{
51
  display:block;}
52
#logo_tela img {
53
  border:0;}
54
#logo_tela a {
73 magali 55
 position:absolute;
56
  top : 0;
57
  left:0;}
4 david 58
.img_gch_txt_drte img, .flottant_gauche {
59
  float:left;
60
  margin:5px 10px 5px 5px;}
61
.img_gch_txt_drte li {
62
  margin-left:40px;}
63
.img_drte_txt_gch img, .flottant_droit {
64
  float:right;
65
  margin-left:10px;}
66
.img_drte_txt_gch > img {
67
  float:right;
68
  margin-left:10px;}
69
.img_milieu {
70
  display:inline;
71
  margin:0 10px;}
72
.image_legendee {
73
  width: 300px;
74
  font-style:italic;
75
  margin: 5px}
76
.image_legendee img {
77
  margin: 0 auto}
78
.legende {
79
  display:block;
80
  font-weight:bold;
81
  text-align:center;}
82
.clear {
83
  clear:both;}
84
 
104 magali 85
/* autres classes de presentation*/
4 david 86
.texte_inactif {
87
  font-size:10px;
88
  color:gray;}
89
.erreur {
90
  color:#F00;}
91
.en_evidence {
92
  font-size:16px;
93
  font-weight:bold;}
94
.attention {
95
  display:block;
126 magali 96
  background: #ffffcc url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/attention.png) no-repeat 2% 50%;
4 david 97
  text-align:center;
98
  border: 1px solid red;
21 magali 99
  padding:10px 5px 10px 50px;}
4 david 100
.information {
144 jpm 101
  background: #e7ebfd url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/information.png) no-repeat 2% 50%;
4 david 102
  text-align:center;
144 jpm 103
  border:1px solid #5D81BA;
67 magali 104
  padding:10px 0 10px 0;}
4 david 105
#bb_liste_fascicule li{
106
  clear:both;
107
  height:100%;}
108
.bb_img_fascicule {
109
  display:block;}
110
blockquote {
111
  font-style:italic;
112
  text-align:center;}
113
legend {
114
  text-align:center;}
115
.fin_texte{
116
  width:0;
117
  height:0;
118
  text-align: center;
119
  clear: both;}
120
 
121
/*DIFFERENTS BLOCS DE LA PAGE*/
122
#reducteur {
123
  text-align:center;}
124
/*bandeau*/
125
#bandeau, #zone_bandeau {
126
  height:77px;
127
  margin:0 0 0 190px;}
128
#titre_monde, #site_nom {
129
  margin:0;
130
  text-align:right;
131
  height:38px;}
132
#titre_monde h1, #site_nom h1 {
133
  background-color:transparent;
134
  font-weight: bold;
135
  font-size: 28px;
136
  margin:0 20px 0 0;
137
  padding:0;}
138
#plan_contact {
139
  margin:0 5px 0 0;
140
  text-align:right;
141
  height:25px;
142
  padding:7px 15px 0 0;}
143
#plan_contact a {
144
  font-weight:bold;
145
  margin-left:10px;
146
  background-repeat: repeat-x;
147
  background-position:center bottom;}
148
#plan_contact a:hover {
149
  font-weight:bold;
150
  margin-left:10px;
151
  background-repeat: repeat-x;
152
  background-position:center bottom;}
153
/*droite*/
154
#droite {
155
  margin:0 5px 0 207px;
156
  position:relative;}
157
 
158
/* droite -> pos_recherche */
159
#pos_recherche, #moteur_recherche {
160
  font-size:13px;
161
  font-weight:bold;
162
  min-height:30px;
163
  padding:5px 0 5px 20px;
164
  text-align:left;}
165
#form_more_recherche, #form_recherche {
166
  text-align:right;
167
  padding:0;
168
  margin:0;}
169
#form_more_recherche legend {
170
  display:none;}
171
#form_more_recherche fieldset {
172
  float:right;
173
  border:0;
174
  margin:0;
175
  padding:0;}
176
#form_more_recherche label {
177
  display:none;}
178
li #more_resultat {
179
  clear:left;}
180
 
181
/*droite -> onglets */
182
#onglets {
183
  position:relative;
184
  float:left;
185
  text-align:left;
186
  z-index:2;
187
  font-weight:bold;}
188
#onglets ul {
189
  margin:0;
190
  padding:0;
191
  list-style:none;}
192
#onglets li {
126 magali 193
  background:url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/norm_right_both.gif) no-repeat right top;
4 david 194
  float:left;
195
  margin:0;
196
  padding:0;}
197
#onglets a {
198
  float:left; /* ligne ajoutee pour compatibilite IE5-Mac */
199
  display:block;
136 magali 200
  background:url("http://www.tela-botanica.org/sites/commun/generique/images/graphisme/norm_left_both.gif") no-repeat left top;
4 david 201
  width:.1em;
202
  white-space:nowrap;/*2 lignes ajoutees pour compatibilite IE : extension de la zone cliquable a l'ensemble de l'onglet*/
203
  padding:5px 15px 4px;
204
  text-decoration:none;}
205
/* On retablit le float a sa valeur correct mais le hack de l'antislash commente cache cette regle a IE5-Mac \*/
206
#header a {float:none;}
207
/* End IE5-Mac hack */
208
#onglets > ul a {
209
  width:auto;} /*propriete ajoutee pour contredire la ligne speciale IE (ci dessus) pour les autres navigateurs*/
210
#onglets li:hover {
211
  background-position:100% -150px;}
212
#onglets li:hover a {
213
  background-position:0% -150px;}
214
#onglets .menu_inactif {
215
  border-bottom:1px solid;}
216
#onglets .menu_actif, #onglets .onglet_actif {
217
  position:relative;
218
  background-position:100% -150px;
219
  padding-bottom:2px;
220
  z-index:3;
221
  font-weight:bold;}
222
#onglets .menu_actif a, #onglets .onglet_actif a {
223
  position:relative;
224
  background-position:0% -150px;
225
  padding-bottom:3px;
226
  z-index:4;}
227
 
228
/* droite -> contenu */
229
#contenu, #zone_contenu, #contenu_accueil {
230
  position:relative;
231
  top:-1px;
232
  z-index:1;
233
  clear:both;
234
  padding:0 2px 0 2px;
235
  text-align:justify;
236
  min-height:300px;}
237
#texte{
238
  line-height:1.2em;
239
  text-align:justify;
240
  clear:both;
102 alex 241
  padding:0 5px 7px 5px;}
4 david 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 {
126 magali 264
  background:url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/boule_basse.png) no-repeat center left;
4 david 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;}
104 magali 448
/*menu_commun*/
449
.question {
450
  font-weight:bold;}