Subversion Repositories Sites.gentiana.org

Rev

Rev 17 | Rev 33 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

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