Subversion Repositories Sites.tela-botanica.org

Rev

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

Rev Author Line No. Line
7 david 1
/*Feuille de style du monde eflore
2
Auteur : Magali Giaume*/
3
h1{
4
  background-color:#d0abe1;}
5
h2, #identification_message, #form_connexion legend, #identification legend, #identification_info, #iden_action  {
6
  color: #8404ba;}
7
h2
8
#efins_titre{
9
  color:grey;}
10
hr {
11
  color: #8404ba;}
12
a img {
13
  border : 1px dotted #8404ba;}
14
 
15
/*DIFFERENTS BLOCS DE LA PAGE*/
16
/*bandeau*/
17
#bandeau {
84 jpm 18
  background: url(http://www.tela-botanica.org/sites/eflore/generique/images/graphisme/bandeau_eflore_fond.png) repeat-x;}
7 david 19
#bandeau_contenu {
84 jpm 20
  background:transparent url(http://www.tela-botanica.org/sites/eflore/generique/images/graphisme/bandeau_eflore.jpg) no-repeat;
7 david 21
  height:77px;}
22
#titre_monde h1 {
23
  color:#ead9f2;}
24
a {
84 jpm 25
  background-image:url(http://www.tela-botanica.org/sites/eflore/generique/images/graphisme/img_underline_eflore.png);}
7 david 26
a:hover {
84 jpm 27
  background-image:url(http://www.tela-botanica.org/sites/eflore/generique/images/graphisme/img_underline_hover_eflore.png);}
7 david 28
#plan_contact a {
84 jpm 29
  background-image:url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/img_underline_plan_site_black.png);}
7 david 30
#plan_contact a:hover{
84 jpm 31
  background-image:url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/img_underline_hover_plan_site_black.png);}
7 david 32
/*droite -> onglets */
33
#onglets li:hover {
34
  color:#8404ba;}
35
#onglets li:hover a {
36
  color:#8404ba;}
37
#onglets .menu_inactif {
38
  border-bottom:#8404ba;}
39
#onglets .menu_actif a {
40
  color:#8404ba;}
41
/* droite -> contenu */
42
#contenu {
43
  border:1px solid #8404ba;}
44
#texte img a{
45
  background:none;}
46
/*nav_gauche*/
47
#nav_gauche {
84 jpm 48
  background: #fff url(http://www.tela-botanica.org/sites/eflore/generique/images/graphisme/degrade_lavande.png) repeat-x;}
7 david 49
/* nav_gauche -> menus */
50
#menus .menu_actif>a {
51
  background-color:#d0abe1;
52
  border-color: rgb(230, 206, 236);}
53
#menus a:hover {
54
  background-color:#d0abe1;}
55
/* presentation des menus */
56
.menu_classique_n2 .menu_actif {
57
  background-color:#d0abe1}
58
.menu_actif a {
59
  color:#8404ba;}
60
/* Tableau*/
61
.table_cadre {
62
  border:1px solid #EABFFF;
63
  margin:0 0 15px 0;}
64
.table_cadre th {
65
  border:1px solid #EABFFF;
66
  background-color:#DFCBEE;}
67
.table_cadre td {
68
  border:1px solid #EABFFF;}
69
.table_cadre {
70
  background-color:white;}
71
.ligne_paire {
72
  background-color:#eddaf0;}
73
.form_identification input, .form_identification textarea, .form_identification select {
74
  background-color:#f5e6f4;}
75
#menu_contextuel {
76
  color:#8404ba;}
280 jpm 77
 
84 jpm 78
/*--------------------------------------------------------------------------------------------------------------------*/
79
/*Application eFlore*/
80
 
173 magali 81
/* Formatage general */
84 jpm 82
.ef_nn, .ef_nt{text-transform:none;}
83
.ef_nn{color:#3B9D3B;}
84
.ef_nt{color:#E62A2A;}
362 jpm 85
.symbole_obligatoire{
86
	color:red;
87
	font-weight:bold;
88
	font-size:14px;}
374 jpm 89
.tri{
90
	color:red;
91
	padding:0 5px 1px 5px;
92
	margin:0 5px 3px 5px;}
84 jpm 93
 
94
/* Formatage des noms latins */
95
.nl_supra_generique, .nl_infra_generique, .nl_g, .nl_sp, .nl_infra_sp {
154 magali 96
  font-style:italic;}
341 jpm 97
strong.nl_retenu{
98
	font-weight:normal;}
340 jpm 99
.nl_retenu .nl_supra_generique, .nl_retenu .nl_infra_generique, .nl_retenu .nl_g, .nl_retenu .nl_sp, .nl_retenu .nl_infra_sp {
100
  font-weight:bold;}
84 jpm 101
 
102
/* Formulaire recherche par Nom */
14 jpm 103
#eflore_form_nomenclature legend {
17 magali 104
  display:none;}
14 jpm 105
#eflore_form_nomenclature fieldset {
17 magali 106
  border: 0px;
107
  margin: 0px;
108
  padding: 0px;}
14 jpm 109
#eflore_form_nomenclature label {
17 magali 110
  margin-right:15px;
111
  font-weight:bold;}
14 jpm 112
#eflore_form_nomenclature ul {
17 magali 113
  margin:0px;
114
  padding:0px;}
14 jpm 115
#eflore_form_nomenclature li {
17 magali 116
  margin:5px 0px;
117
  padding:0px;
118
  list-style:none;}
14 jpm 119
#eflore_form_nomenclature li ul {
17 magali 120
  margin-left:45px;}
14 jpm 121
#eflore_valider_nom {
17 magali 122
  margin-left:295px;}
84 jpm 123
 
124
/*Formulaire recherche par Arbre des Taxons */
14 jpm 125
#eflore_form_taxonomie legend {
17 magali 126
  display:none;}
14 jpm 127
#eflore_form_taxonomie fieldset {
17 magali 128
  border: 0px;
129
  margin: 0px;
130
  padding: 0px;}
14 jpm 131
#eflore_form_taxonomie label {
17 magali 132
  margin-right:15px;
133
  font-weight:bold;}
14 jpm 134
#eflore_form_taxonomie ul {
17 magali 135
  margin:0px;
136
  padding:0px;}
14 jpm 137
#eflore_form_taxonomie li {
17 magali 138
  margin-top:5px;
139
  margin-bottom:5px;
140
  list-style:none;}
14 jpm 141
#eflore_ordre_li {
17 magali 142
  display:inline;
143
  padding-left:50px;}
14 jpm 144
#eflore_rang_li {
17 magali 145
  display:inline;
146
  padding-left:15px;}
14 jpm 147
#eflore_projet_submit {
17 magali 148
  margin-left:295px;}
14 jpm 149
 
173 magali 150
/* Page de resultat de l'Arbre des taxons*/
14 jpm 151
#liste_taxons img {
17 magali 152
  border:0;
153
  margin-right:6px;}
14 jpm 154
 
600 david 155
/* G�n�ral : pour afficher des infos bulles am�lior�es*/
279 jpm 156
.tooltip {
157
 margin-right:5px;}
158
.tooltip:after {
159
  content: "+";
160
  font-size:10px;
161
  color:#FF6666;
162
  vertical-align:super;
163
  border-bottom:dotted 1px #FF6666}
280 jpm 164
 
173 magali 165
/* Onglet Synthese */
166
/*		Onglet Synthese : colonne gauche */
84 jpm 167
#ef_synthese_colonne {
154 magali 168
  float: right;
176 magali 169
  width:30%;
280 jpm 170
	min-width:250px;
154 magali 171
  border: dashed 1px #BFC0BF;
173 magali 172
  background-color:#E6E7E6;
280 jpm 173
  padding:0 5px;
174
	margin:0 0 0 5px}
176 magali 175
#ef_synthese_colonne #ef_classif table{
176
  width:100%;}
154 magali 177
#ef_nomenclature .information, #ef_synonymie_nom_retenu .information {
178
  background:none;
179
  border:none;
180
  display:inline;}
181
#ef_code {
182
  margin-left:25px;
183
  font-weight:bold;}
184
#ef_code {
185
 line-height:10px;}
186
.ef_nn, .ef_nt {
187
  font-weight:normal;}
173 magali 188
/* Hides from IE-mac \*/
189
html #texte {height: 1%;}
190
/* End hide from IE-mac */
154 magali 191
 
84 jpm 192
#ef_synthese_contenu{
173 magali 193
  height:100%;/* Pour IEWin-6.0 : corrige pb decalage hauteur */
176 magali 194
  width:60%;}
154 magali 195
#ef_nomenclature dd{
196
  font-weight:lighter;}
127 magali 197
#efins_titre, #efinr_titre, #efinr_titre_permalien {
198
  text-transform:none;
199
  color:black;}
200
#efinr_titre_permalien ul {
201
  list-style:none;}
202
#synthese_nom_retenu ul {
203
  line-height:12px;}
204
#synthese_nom_selection{
205
  height:5px;
206
  margin:0;}
207
#efins_code, #efinr_code, #synthese_nom_retenu form, #synthese_nom_selection form, #synthese_nom_selection dl,#synthese_nom_retenu dl {
154 magali 208
  display:none;}
127 magali 209
/*#efins_titre_contenu, #efinr_titre_contenu {
210
  display:block;
211
/* Pour IEWin : corrige pb background-color */
212
  /*background-color:white;
85 jpm 213
  padding:0 0 0 5px;
214
  margin:2px;}
127 magali 215
#efins_titre_contenu, #efinr_titre_contenu {
85 jpm 216
  width:140px;/* Pour IEWin-5.5 : corrige pb background-color */
154 magali 217
  /*color:black;}*/
127 magali 218
#synthese_nom_selection h2 span, #efinr_nom, #efins_nom {
219
  font-size:12px;
220
  display:inline;
84 jpm 221
  color:black;
222
  text-transform:none;
127 magali 223
  font-size:12px;}
224
#synthese_nom_selection h2 span, #efins_nom {
225
  font-weight:normal;}
173 magali 226
/*		Onglet Identite : colonne droite */
84 jpm 227
#ef_synthese_colonne .table_cadre{
228
  margin:0 auto;
229
  width:228px;}
228 jpm 230
#ef_nomenclature, #ef_synonymie_nom_retenu .information, #ef_permalien, #ef_telechargement, #ef_correspondance, #ef_noms_verna {
154 magali 231
  padding-left:25px;}
232
#ef_correspondance dt {
233
 text-transform:lowercase;}
173 magali 234
/* Formatage partage par plusieurs onglets */
280 jpm 235
#ef_famille, #ef_referentiel {
154 magali 236
  position:absolute;
237
  right:20px;}
127 magali 238
/*onglet synonymie*/
85 jpm 239
#synonymie_nom_retenu, #synthese_nom_retenu {
240
  margin:12px 2px 0 2px;
127 magali 241
  padding:2px;}
85 jpm 242
#synonymie_nom_selection, #synthese_nom_selection {
243
  margin:20px 2px;
244
  padding:2px;}
127 magali 245
#synonymie_nom_selection dl, #synonymie_nom_retenu dl {
246
 margin-left:30px;}
247
#synonymie_nom_selection dt, #synonymie_nom_retenu dt {
248
 font-weight:normal;}
249
#synonymie_nom_selection dd, #synonymie_nom_retenu dd{
250
 font-weight:bold;}
154 magali 251
#ef_synonymie_nom_retenu h4 {
252
 margin-left:25px;}
395 jpm 253
#ef_info_protection{
254
	height:185px;
255
	max-width:405px;
256
	overflow:auto;}
223 jpm 257
 
258
/* Onglet Informations*/
259
.efitl_liste_legende {
260
  list-style-type:none;}
261
#efitl_liste_info_legende dt {
262
  float:none;}
226 jpm 263
#ef_info_message {
229 jpm 264
  max-width:800px;}
279 jpm 265
.efitl_liste_legende_def{
266
	clear:left;
267
	margin-left:25px;
268
	max-width:600px;}
269
#efitl_liste_info_legende dd{
270
	max-width:625px;}
271
#efitl_liste_info_legende dt {
272
	float:left;
273
	font-weight: bold;
274
	line-height:1.1em;
275
	text-align:top left;
276
	margin-right:0.3em;}
223 jpm 277
 
84 jpm 278
/* Onglet Chorologie et Cartes*/
279
#efc_legende{
280 jpm 280
  list-style-type:none;
281
	padding:0;}
84 jpm 282
#efc_legende li {
283
  clear:both;}
284
.efcl_couleur {
285
  float:left;
286
  border: black solid 1px;
287
  width:10px;
288
  height:10px;
289
  margin: 2px;}
290
#ef_choro {
291
  margin:5px;
292
  padding:5px;}
280 jpm 293
#ef_choro_carte_mini{
294
  margin:0 auto;
295
  width:228px;}
84 jpm 296
#ef_choro img {
85 jpm 297
  margin:5px;
84 jpm 298
  background-color:white;}
85 jpm 299
#ef_choro .attention {
300
	height:75px;/* Pour IEWin/5.0 */}
84 jpm 301
#ef_choro_carte {
302
  width:575px;
303
  float: left;
304
  padding:0 5px;}
305
#ef_choro_info {
306
  width:430px;
307
  float: left;
308
  padding:0 5px;}
309
 
310
/* Onglet Illustration */
154 magali 311
#efii_titre_google, #efii_titre_yahoo {
312
  margin-left:25px;}
84 jpm 313
#ef_img_google {
314
  float: left;
315
  margin-right:10px;}
154 magali 316
#ef_illustration_info .attention{
317
  border:0;
318
  background:none;
319
  text-align:left;
320
  padding:0;}
84 jpm 321
#ef_illustration_info ul{
322
  list-style-type:none;}
323
#ef_illustration_info li {
324
  float: left;}
202 jpm 325
#efii_liste_photoflora li, #efii_liste_yahoo li, #efii_liste_tb li {
84 jpm 326
  float: left;
327
  height:250px;
328
  width:200px;
329
  text-align:center;
330
  border: 1px solid;
331
  border-color:#aaa #444 #444 #aaa;
332
  background-color:#eed}
223 jpm 333
#efii_liste_photoflora li, #efii_liste_tb li {
247 jpm 334
  height:380px;
223 jpm 335
  width:280px;
203 jpm 336
}
202 jpm 337
#efii_liste_yahoo li img, #efii_liste_photoflora li img, #efii_liste_tb li img{
84 jpm 338
  border-color:#444 #aaa #aaa #444;
246 jpm 339
  padding:10px;}
202 jpm 340
#efii_liste_yahoo dl, #efii_liste_photoflora dl, #efii_liste_tb dl {
246 jpm 341
  padding:0 0 0 4px;
84 jpm 342
  text-align: left;}
246 jpm 343
#efii_liste_yahoo dd, #efii_liste_photoflora dd, #efii_liste_tb dd {
344
padding:0 4px 0 0;}
84 jpm 345
#ef_form_google {
346
  margin:2px 0;}
347
#btnG {
348
  margin:7px 0;}
349
#ef_img_google {
350
  margin:5px 0;}
351
 
227 jpm 352
/* Onglet Wikini */
353
#ef_wiki_tete {float:right}
354
#ef_wiki_page .commentsheader {display:none}
355
#ef_wiki_page .footer {display:none}
356
 
14 jpm 357
/*Pied de page*/
474 jpm 358
.discretion, #eflore_pied_page{
359
  font-weight:normal;
14 jpm 360
  font-size:10px;
154 magali 361
  color:#A9A9A9;}
474 jpm 362
#eflore_pied_page{
363
	text-align:center;
364
	padding-top:20px;
365
	clear:both;}
154 magali 366
/*ACE editor*/
367
/* CONTRIBUTION ACTION ATTACH */
368
/* - les images */
369
.attach_margin05em { margin: 0.5em;}             /* marge de 0.5 em autour de l'image*/
370
.attach_margin1em { margin: 1em;}                /* marge de 1em autour de l'image*/
176 magali 371
.attach_left {float: left;}                      /* bloc flotant ? gauche */
372
.attach_right {float: right;}                    /* bloc flotant ? droite */
154 magali 373
.attach_noborder {border-width: 0px;}            /* pas de bordure */
374
.attach_vmiddle {vertical-align: text-bottom;}   /* aligenement vertical au milieu */
375
/* - le gestionnaire des uploads */
376
.tableFM {border: thin solid Black; width: 100%;  }
377
.tableFM THEAD { background-color: Silver; font-weight: bold; text-align: center;   }
378
.tableFM TFOOT { background-color: Silver; font-weight: bold; text-align: left;   }
379
.tableFM TBODY TR { text-align: center;  }
380
.tableFMCol1 { background-color: Aqua; }
278 jpm 381
.tableFMCol2 { background-color: Yellow; }
382
 
600 david 383
/* Pour la biblioth�que JS DomToolTip */
278 jpm 384
div.niceTitle {
385
	background-color: #333333;
386
	color: #FFFFFF;
387
	font-weight: bold;
388
	font-size: 13px;
389
	font-family: "Trebuchet MS", sans-serif;
390
	width: 250px;
391
	left: 0;
392
	top: 0;
393
	padding: 4px;
394
	position: absolute;
395
	text-align: left;
396
	z-index: 20;
397
	-moz-border-radius: 0 10px 10px 10px;
398
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=87);
399
	-moz-opacity: .87;
400
	-khtml-opacity: .87;
401
	opacity: .87;}
402
div.niceTitle .contents {
403
	margin: 0;
404
	padding: 0 3px;
405
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
406
	-moz-opacity: 1;
407
	-khtml-opacity: 1;
408
	opacity: 1;}
409
div.niceTitle p {
410
	color: #D17E62;
411
	font-size: 9px;
412
	padding: 3px 0 0 0;
413
	margin: 0;
414
	text-align: left;
600 david 415
	-moz-opacity: 1;}
416
/* Un boite d'information */
417
.information_projet {
607 jpm 418
	float:right;
419
	width:250px;
420
	text-align:left;
421
	background: #e7ebfd;
422
	border:1px solid #5D81BA;
423
	max-width: 800px;
424
	padding:5px;
425
	margin:5px;}