Subversion Repositories eFlore/Applications.cel

Rev

Rev 1602 | Go to most recent revision | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 1602 Rev 1969
1
/** Add css rules here for your application. */
1
/** Add css rules here for your application. */
2
body,td,a,div,.p {
2
body,td,a,div,.p {
3
	font-family: arial, sans-serif
3
	font-family: arial, sans-serif
4
}
4
}
5
 
5
 
6
div,td {
6
div,td {
7
	color: #000000
7
	color: #000000
8
}
8
}
9
 
9
 
10
a:link,.w,.w a:link {
10
a:link,.w,.w a:link {
11
	color: #0000cc
11
	color: #0000cc
12
}
12
}
13
 
13
 
14
a:visited {
14
a:visited {
15
	color: #551a8b
15
	color: #551a8b
16
}
16
}
17
 
17
 
18
a:active {
18
a:active {
19
	color: #ff0000
19
	color: #ff0000
20
}
20
}
21
 
21
 
22
.thumb-wrap {
22
.thumb-wrap {
23
	width: 100px;
23
	width: 100px;
24
	height: 130px;
24
	height: 130px;
25
	display: table-cell;
25
	display: table-cell;
26
	text-align: center;
26
	text-align: center;
27
	vertical-align: middle;
27
	vertical-align: middle;
28
	background-color: #DCDCDC;
28
	background-color: #DCDCDC;
29
	border-width: 1px;
29
	border-width: 1px;
30
	border-style: solid;
30
	border-style: solid;
31
	border-color: #667A6B;
31
	border-color: #667A6B;
32
	overflow: hidden;
32
	overflow: hidden;
33
	position: relative;
33
	position: relative;
34
}
34
}
35
 
35
 
36
miniature_galerie {
36
miniature_galerie {
37
	z-index: 35;
37
	z-index: 35;
38
}
38
}
39
 
39
 
40
.picto_haut_gauche {
40
.picto_haut_gauche {
41
	position: absolute;
41
	position: absolute;
42
	top: 2px;
42
	top: 2px;
43
	left: 2px;
43
	left: 2px;
44
	z-index: 40;
44
	z-index: 40;
45
}
45
}
46
 
46
 
47
.picto_haut_droite {
47
.picto_haut_droite {
48
	position: absolute;
48
	position: absolute;
49
	top: 2px;
49
	top: 2px;
50
	right: 2px;
50
	right: 2px;
51
	z-index: 40;
51
	z-index: 40;
52
}
52
}
53
 
53
 
54
.x-window-tl .x-window-header {
54
.x-window-tl .x-window-header {
55
	color: #4A6438;
55
	color: #4A6438;
56
}
56
}
57
 
57
 
58
.x-window-mc {
58
.x-window-mc {
59
	background-color: #FFFFFF;
59
	background-color: #FFFFFF;
60
}
60
}
61
 
61
 
62
.x-panel-header {
62
.x-panel-header {
63
	color: #FFFFFF;
63
	color: #FFFFFF;
64
}
64
}
65
 
65
 
66
.x-tab-strip span.x-tab-strip-text {
66
.x-tab-strip span.x-tab-strip-text {
67
	color: #FFFFFF;
67
	color: #FFFFFF;
68
}
68
}
69
 
69
 
70
.x-tab-strip-active span.x-tab-strip-text {
70
.x-tab-strip-active span.x-tab-strip-text {
71
	color: #4A6438;
71
	color: #4A6438;
72
	cursor: default;
72
	cursor: default;
73
	font-weight: bold;
73
	font-weight: bold;
74
}
74
}
75
 
75
 
76
.img-list {
76
.img-list {
77
	height: 50px;
77
	height: 50px;
78
	width: 50px;
78
	width: 50px;
79
	display: table-cell;
79
	display: table-cell;
80
	text-align: center;
80
	text-align: center;
81
	vertical-align: middle;
81
	vertical-align: middle;
82
}
82
}
83
 
83
 
84
.dview-list {
84
.dview-list {
85
	display: table-cell;
85
	display: table-cell;
86
	height: auto;
86
	height: auto;
87
	padding-bottom: 10px;
87
	padding-bottom: 10px;
88
	text-align: center;
88
	text-align: center;
89
	vertical-align: middle;
89
	vertical-align: middle;
90
	width: 100px;
90
	width: 100px;
91
}
91
}
92
 
92
 
93
.thumb img:hover {
93
.thumb img:hover {
94
	color: #000000;
94
	color: #000000;
95
}
95
}
96
 
96
 
97
.x-view-over {
97
.x-view-over {
98
	background: #6a8192;
98
	background: #6a8192;
99
	padding: 4px;
99
	padding: 4px;
100
}
100
}
101
 
101
 
102
.x-view-selected {
102
.x-view-selected {
103
	background: #cf7d6a;
103
	background: #cf7d6a;
104
	padding: 4px;
104
	padding: 4px;
105
}
105
}
106
 
106
 
107
.x-temp-crea {
107
.x-temp-crea {
108
	background: #000000;
108
	background: #000000;
109
}
109
}
110
 
110
 
111
.x-temp-modif {
111
.x-temp-modif {
112
	background: #ffffff;
112
	background: #ffffff;
113
}
113
}
114
 
114
 
115
.thumb-wrap {
115
.thumb-wrap {
116
	float: left;
116
	float: left;
117
	margin: 4px;
117
	margin: 4px;
118
	margin-right: 0;
118
	margin-right: 0;
119
	padding: 5px;
119
	padding: 5px;
120
}
120
}
121
 
121
 
122
.avertissement {
122
.avertissement {
123
	font-size: 15px;
123
	font-size: 15px;
124
	text-align: center;
124
	text-align: center;
125
	color: #318D9F;
125
	color: #318D9F;
126
	font-weight: bold;
126
	font-weight: bold;
127
}
127
}
128
 
128
 
129
#etatConnexion {
129
#etatConnexion {
130
	cursor: pointer;
130
	cursor: pointer;
131
}
131
}
132
 
132
 
133
#liensExt {
133
#liensExt {
134
	float: right;
134
	float: right;
135
	margin-top: -15px;
135
	margin-top: -15px;
136
}
136
}
137
 
137
 
138
#panneau_etat_connexion,#panneau_admin {
138
#panneau_etat_connexion,#panneau_admin {
139
	min-height: 16px;
139
	min-height: 16px;
140
}
140
}
141
 
141
 
142
#x-up-bandeau div div {
142
#x-up-bandeau div div {
143
	height: 100 px !important;
143
	height: 100 px !important;
144
	background-image: url(fond-herbes.png);
144
	background-image: url(fond-herbes.png);
145
	background-repeat: repeat-x;
145
	background-repeat: repeat-x;
146
}
146
}
147
 
147
 
148
#x-view-zoom-img div div {
148
#x-view-zoom-img div div {
149
	display: table-cell;
149
	display: table-cell;
150
	text-align: center;
150
	text-align: center;
151
	vertical-align: middle;
151
	vertical-align: middle;
152
}
152
}
153
 
153
 
154
#x-view-mini-zoom-img div div {
154
#x-view-mini-zoom-img div div {
155
	display: table-cell;
155
	display: table-cell;
156
	text-align: center;
156
	text-align: center;
157
	vertical-align: middle;
157
	vertical-align: middle;
158
}
158
}
159
 
159
 
160
.img-curseur-depl {
160
.img-curseur-depl {
161
	cursor: pointer;
161
	cursor: pointer;
162
}
162
}
163
 
163
 
164
/*#x-view-mini-zoom-img div div img {
164
/*#x-view-mini-zoom-img div div img {
165
	height: 150px;
165
	height: 150px;
166
	width: 150px;
166
	width: 150px;
167
}*/
167
}*/
168
.x-image-gen div div {
168
.x-image-gen div div {
169
	display: table-cell;
169
	display: table-cell;
170
	text-align: center;
170
	text-align: center;
171
	vertical-align: middle;
171
	vertical-align: middle;
172
}
172
}
173
 
173
 
174
.x-image-info-rep div div {
174
.x-image-info-rep div div {
175
	display: table-cell;
175
	display: table-cell;
176
	text-align: center;
176
	text-align: center;
177
	vertical-align: middle;
177
	vertical-align: middle;
178
}
178
}
179
 
179
 
180
.x-selec-modif {
180
.x-selec-modif {
181
	background: #FFCCCC !important;
181
	background: #FFCCCC !important;
182
}
182
}
183
 
183
 
184
.x-selec-crea {
184
.x-selec-crea {
185
	background: #DEE5EE !important;
185
	background: #DEE5EE !important;
186
}
186
}
187
 
187
 
188
.x-selec-liaison {
188
.x-selec-liaison {
189
	background: #FFCCCC !important;
189
	background: #FFCCCC !important;
190
}
190
}
191
 
191
 
192
.x-selec-consult {
192
.x-selec-consult {
193
	background: #DEE5EE !important;
193
	background: #DEE5EE !important;
194
}
194
}
195
 
195
 
196
.x-view-notation-bar {
196
.x-view-notation-bar {
197
	height: 25px;
197
	height: 25px;
198
	width: 25px;
198
	width: 25px;
199
}
199
}
200
 
200
 
201
.x-view-zoom-button-p {
201
.x-view-zoom-button-p {
202
	background-color: #FFFFFF;
202
	background-color: #FFFFFF;
203
	background-image: url("Fleche_gauche.gif");
203
	background-image: url("Fleche_gauche.gif");
204
	background-repeat: no-repeat;
204
	background-repeat: no-repeat;
205
	background-position: 50%;
205
	background-position: 50%;
206
	border: none;
206
	border: none;
207
}
207
}
208
 
208
 
209
.x-view-zoom-button-s {
209
.x-view-zoom-button-s {
210
	background-color: #FFFFFF;
210
	background-color: #FFFFFF;
211
	background-image: url("Fleche_droite.gif");
211
	background-image: url("Fleche_droite.gif");
212
	background-repeat: no-repeat;
212
	background-repeat: no-repeat;
213
	background-position: 50%;
213
	background-position: 50%;
214
	border: none;
214
	border: none;
215
}
215
}
216
 
216
 
217
.img-note img {
217
.img-note img {
218
	height: 20px;
218
	height: 20px;
219
	width: 20px;
219
	width: 20px;
220
}
220
}
221
 
221
 
222
.thumb-wrap span {
222
.thumb-wrap span {
223
	display: block;
223
	display: block;
224
	overflow: hidden;
224
	overflow: hidden;
225
	text-align: center;
225
	text-align: center;
226
}
226
}
227
 
227
 
228
#listeImageGrid {
228
#listeImageGrid {
229
	overflow: hidden;
229
	overflow: hidden;
230
}
230
}
231
 
231
 
232
td.centered-list {
232
td.centered-list {
233
	display: table-cell;
233
	display: table-cell;
234
	overflow: hidden;
234
	overflow: hidden;
235
	vertical-align: middle !important;
235
	vertical-align: middle !important;
236
}
236
}
237
 
237
 
238
.warning_upload {
238
.warning_upload {
239
	font-size: 15px;
239
	font-size: 15px;
240
	text-align: center;
240
	text-align: center;
241
	background-color: #ffffcc;
241
	background-color: #ffffcc;
242
	color: #ff0033;
242
	color: #ff0033;
243
	font-weight: bold;
243
	font-weight: bold;
244
}
244
}
245
 
245
 
246
.nom_retenu {
246
.nom_retenu {
247
	font-weight: bold;
247
	font-weight: bold;
248
}
248
}
249
 
249
 
250
.x-form-creation {
250
.x-form-creation {
251
	background-color: green;
251
	background-color: green;
252
}
252
}
253
 
253
 
254
.x-form-modification {
254
.x-form-modification {
255
	background-color: red;
255
	background-color: red;
256
}
256
}
257
 
257
 
258
.fenmotcles .x-window-body {
258
.fenmotcles .x-window-body {
259
	background-color: white !important;
259
	background-color: white !important;
260
}
260
}
261
 
261
 
262
.nuagetag {
262
.nuagetag {
263
	background-color: white;
263
	background-color: white;
264
}
264
}
265
 
265
 
266
.nuagetag li {
266
.nuagetag li {
267
	float: left;
267
	float: left;
268
	padding: 2px;
268
	padding: 2px;
269
}
269
}
270
 
270
 
271
.motcletaille1 {
271
.motcletaille1 {
272
	font-size: 10px;
272
	font-size: 10px;
273
	color: #990033;
273
	color: #990033;
274
}
274
}
275
 
275
 
276
.motcletaille2 {
276
.motcletaille2 {
277
	font-size: 12px;
277
	font-size: 12px;
278
	color: #FF9999;
278
	color: #FF9999;
279
}
279
}
280
 
280
 
281
.motcletaille3 {
281
.motcletaille3 {
282
	font-size: 14px;
282
	font-size: 14px;
283
	color: #FF9966;
283
	color: #FF9966;
284
}
284
}
285
 
285
 
286
.motcletaille4 {
286
.motcletaille4 {
287
	font-size: 16px;
287
	font-size: 16px;
288
	color: #00FF00;
288
	color: #00FF00;
289
}
289
}
290
 
290
 
291
.motcletaille5 {
291
.motcletaille5 {
292
	font-size: 18px;
292
	font-size: 18px;
293
	color: #33FF99;
293
	color: #33FF99;
294
}
294
}
295
 
295
 
296
.motcletaille6 {
296
.motcletaille6 {
297
	font-size: 20px;
297
	font-size: 20px;
298
	color: #9999FF;
298
	color: #9999FF;
299
}
299
}
300
 
300
 
301
.motcletaille7 {
301
.motcletaille7 {
302
	font-size: 22px;
302
	font-size: 22px;
303
	color: #CCCCCC;
303
	color: #CCCCCC;
304
}
304
}
305
 
305
 
306
.motcletaille8 {
306
.motcletaille8 {
307
	font-size: 24px;
307
	font-size: 24px;
308
	color: #999999;
308
	color: #999999;
309
}
309
}
310
 
310
 
311
.motcletaille9 {
311
.motcletaille9 {
312
	font-size: 26px;
312
	font-size: 26px;
313
	color: #0000FF;
313
	color: #0000FF;
314
}
314
}
315
 
315
 
316
.motcletaille10 {
316
.motcletaille10 {
317
	font-size: 28px;
317
	font-size: 28px;
318
	color: #333333;
318
	color: #333333;
319
}
319
}
320
 
320
 
321
.saisie_invalide_invisible {
321
.saisie_invalide_invisible {
322
	display: none;
322
	display: none;
323
}
323
}
324
 
324
 
325
.saisie_invalide {
325
.saisie_invalide {
326
	display: block;
326
	display: block;
327
	font-size: 12px;
327
	font-size: 12px;
328
	color: #FF0000;
328
	color: #FF0000;
329
	text-align: center;
329
	text-align: center;
330
}
330
}
331
 
331
 
332
#lien_carto {
332
#lien_carto {
333
	padding-left: 2px;
333
	padding-left: 2px;
334
	text-align: left;
334
	text-align: left;
335
}
335
}
336
 
336
 
337
#lien_coord {
337
#lien_coord {
338
	padding-left: 0px;
338
	padding-left: 0px;
339
}
339
}
340
 
340
 
341
.lien_actif {
341
.lien_actif {
342
	text-align: center;
342
	text-align: center;
343
	cursor: pointer;
343
	cursor: pointer;
344
	color: #0033CC;
344
	color: #0033CC;
345
	text-decoration: underline;
345
	text-decoration: underline;
346
}
346
}
347
 
347
 
348
.lien_decale {
348
.lien_decale {
349
	padding-left: 10px;
349
	padding-left: 10px;
350
}
350
}
351
 
351
 
352
.conteneur_selection_commune {
352
.conteneur_selection_commune {
353
	padding-left: 10px;
353
	padding-left: 10px;
354
	text-decoration: none;
354
	text-decoration: none;
355
}
355
}
356
 
356
 
357
#lien_selection_commune {
357
#lien_selection_commune {
358
	color: #0033CC;
358
	color: #0033CC;
359
	text-decoration: underline;
359
	text-decoration: underline;
360
	padding-left: 100px;
360
	padding-left: 100px;
361
}
361
}
362
 
362
 
363
.lien_sel {
363
.lien_sel {
364
	border: dotted 1px black;
364
	border: dotted 1px black;
365
}
365
}
366
 
366
 
367
.x-tree-node-icon-kw {
367
.x-tree-node-icon-kw {
368
	background-image: url("checked.png");
368
	background-image: url("checked.png");
369
	background-position: center center;
369
	background-position: center center;
370
	background-repeat: no-repeat;
370
	background-repeat: no-repeat;
371
	border: 0 none;
371
	border: 0 none;
372
	height: 18px;
372
	height: 18px;
373
	margin: 0;
373
	margin: 0;
374
	padding: 0;
374
	padding: 0;
375
	vertical-align: top;
375
	vertical-align: top;
376
	width: 16px;
376
	width: 16px;
377
}
377
}
378
 
378
 
379
.x-tree-node a span.x-tree-node-text-norm {
379
.x-tree-node a span.x-tree-node-text-norm {
380
	
380
	
381
}
381
}
382
 
382
 
383
.x-tree-node a span.x-tree-node-text-kw {
383
.x-tree-node a span.x-tree-node-text-kw {
384
	color: #008000;
384
	color: #008000;
385
	font-weight: bold;
385
	font-weight: bold;
386
	font-size: 1.1em;
386
	font-size: 1.1em;
387
	font-style: italic;
387
	font-style: italic;
388
}
388
}
389
 
389
 
390
.x-dd-drop-unlink .x-dd-drop-icon {
390
.x-dd-drop-unlink .x-dd-drop-icon {
391
	background-image: url("delier.png");
391
	background-image: url("delier.png");
392
}
392
}
393
 
393
 
394
#infos_taxon {
394
#infos_taxon {
395
	margin-top: 5px;
395
	margin-top: 5px;
396
	vertical-align: middle !important;
396
	vertical-align: middle !important;
397
	margin-left: auto;
397
	margin-left: auto;
398
	margin-right: auto;
398
	margin-right: auto;
399
	text-align: center;
399
	text-align: center;
400
}
400
}
401
 
401
 
402
.texte_info_taxon {
402
.texte_info_taxon {
403
	font-weight: bold;
403
	font-weight: bold;
404
	font-size: 1.1em;
404
	font-size: 1.1em;
405
	font-style: italic;
405
	font-style: italic;
406
}
406
}
407
 
407
 
408
.info_image {
408
.info_image {
409
	font-size: 10px;
409
	font-size: 10px;
410
}
410
}
411
 
411
 
412
.accepter_licence {
412
.accepter_licence {
413
	font-size: 1.5em;
413
	font-size: 1.5em;
414
	height: 70px;
414
	height: 70px;
415
	margin-left: 20px;
415
	margin-left: 20px;
416
	visibility: visible;
416
	visibility: visible;
417
}
417
}
418
 
418
 
419
#loading {
419
#loading {
420
	position: absolute;
420
	position: absolute;
421
	left: 50%;
421
	left: 50%;
422
	top: 50%;
422
	top: 50%;
423
	margin-top: -103px; /* moitié de la hauteur de l'image */
423
	margin-top: -103px; /* moitié de la hauteur de l'image */
424
	margin-left: -332px; /* moitié de la largeur de l'image */
424
	margin-left: -332px; /* moitié de la largeur de l'image */
425
}
425
}
426
 
426
 
427
#loading img {
427
#loading img {
428
	border: 2px solid black;
428
	border: 2px solid black;
429
}
429
}
430
 
430
 
431
.indicateur_filtres {
431
.indicateur_filtres {
432
	color: #000000;
432
	color: #000000;
433
	font-weight: bold !important;
433
	font-weight: bold !important;
434
}
434
}
435
 
435
 
436
.affichage_filtre {
436
.affichage_filtre {
437
	padding: 3px;
437
	padding: 3px;
438
	padding-right: 1px;
438
	padding-right: 1px;
439
	border: solid 1px #555555;
439
	border: solid 1px #555555;
440
	background-color: #AAAAAA;
440
	background-color: #AAAAAA;
441
}
441
}
442
 
442
 
443
.affichage_filtre input[type="button"] {
443
.affichage_filtre input[type="button"] {
444
	background: none;
444
	background: none;
445
	background-color: #999999;
445
	background-color: #999999;
446
	font: 11px tahoma, arial, helvetica, sans-serif;
446
	font: 11px tahoma, arial, helvetica, sans-serif;
447
}
447
}
448
 
448
 
449
.liste_mots_cles {
449
.liste_mots_cles {
450
	list-style-position: outside;
450
	list-style-position: outside;
451
	margin-left: 20px;
451
	margin-left: 20px;
452
	list-style-type: square;
452
	list-style-type: square;
453
}
453
}
454
 
454
 
455
#lienAide {
455
#lienAide {
456
	padding-right: 50px;
456
	padding-right: 50px;
457
}
457
}
458
 
458
 
459
.champ-separation {
459
.champ-separation {
460
	padding-top: 10px;	
460
	padding-top: 10px;	
461
}
461
}
462
 
462
 
463
.lienAfficherChampsEtendus {
-
 
464
	padding-bottom: 10px;
463
.lienAfficherChampsEtendus, .lienAjouterChampEtendu {
465
	color: #0000CC;
464
	color: #0000CC;
-
 
465
    cursor: pointer;
466
    cursor: pointer;
466
    padding-left: 105px;
467
    text-align: center;
467
    text-align: left;
-
 
468
    text-decoration: underline;
-
 
469
}
-
 
470
 
-
 
471
.lienAfficherChampsEtendus {
-
 
472
	padding-bottom: 10px;
-
 
473
}
-
 
474
 
-
 
475
.lienAjouterChampEtendu {
-
 
476
 
-
 
477
    padding-bottom: 2px;
-
 
478
}
-
 
479
 
-
 
480
.aideCreerChampEtendu {
-
 
481
    color: #666666;
-
 
482
    font-size: 0.85em;
-
 
483
    padding-bottom: 4px;
-
 
484
    text-align: justify;
-
 
485
    width: 360px;
-
 
486
}
-
 
487
 
-
 
488
.popup_champ_etendu {
-
 
489
	border: 3px solid #667A6B;
468
    text-decoration: underline;
490
	z-index: 3000;
469
}
491
}