Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 2081 Rev 2278
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
#liensExt {
129
#liensExt {
130
	float: right;
130
	float: right;
131
	margin-top: -15px;
131
	margin-top: -15px;
132
}
132
}
133
 
133
 
134
#liensExt a {
134
#liensExt a {
135
	margin-right: 10px;
135
	margin-right: 10px;
136
}
136
}
137
 
137
 
138
#lienAide {
138
#lienAide {
139
	padding-right: 40px;
139
	padding-right: 40px;
140
}
140
}
141
 
141
 
142
#panneau_etat_connexion,#panneau_admin {
142
#panneau_etat_connexion,#panneau_admin {
143
	min-height: 16px;
143
	min-height: 16px;
144
}
144
}
145
 
145
 
146
#x-up-bandeau div div {
146
#x-up-bandeau div div {
147
	height: 100 px !important;
147
	height: 100 px !important;
148
	background-image: url(fond-herbes.png);
148
	background-image: url(fond-herbes.png);
149
	background-repeat: repeat-x;
149
	background-repeat: repeat-x;
150
}
150
}
151
 
151
 
152
#x-view-zoom-img div div {
152
#x-view-zoom-img div div {
153
	display: table-cell;
153
	display: table-cell;
154
	text-align: center;
154
	text-align: center;
155
	vertical-align: middle;
155
	vertical-align: middle;
156
}
156
}
157
 
157
 
158
#x-view-mini-zoom-img div div {
158
#x-view-mini-zoom-img div div {
159
	display: table-cell;
159
	display: table-cell;
160
	text-align: center;
160
	text-align: center;
161
	vertical-align: middle;
161
	vertical-align: middle;
162
}
162
}
163
 
163
 
164
.img-curseur-depl {
164
.img-curseur-depl {
165
	cursor: pointer;
165
	cursor: pointer;
166
}
166
}
167
 
167
 
168
/*#x-view-mini-zoom-img div div img {
168
/*#x-view-mini-zoom-img div div img {
169
	height: 150px;
169
	height: 150px;
170
	width: 150px;
170
	width: 150px;
171
}*/
171
}*/
172
.x-image-gen div div {
172
.x-image-gen div div {
173
	display: table-cell;
173
	display: table-cell;
174
	text-align: center;
174
	text-align: center;
175
	vertical-align: middle;
175
	vertical-align: middle;
176
}
176
}
177
 
177
 
178
.x-image-info-rep div div {
178
.x-image-info-rep div div {
179
	display: table-cell;
179
	display: table-cell;
180
	text-align: center;
180
	text-align: center;
181
	vertical-align: middle;
181
	vertical-align: middle;
182
}
182
}
183
 
183
 
184
.x-selec-modif {
184
.x-selec-modif {
185
	background: #FFCCCC !important;
185
	background: #FFCCCC !important;
186
}
186
}
187
 
187
 
188
.x-selec-crea {
188
.x-selec-crea {
189
	background: #DEE5EE !important;
189
	background: #DEE5EE !important;
190
}
190
}
191
 
191
 
192
.x-selec-liaison {
192
.x-selec-liaison {
193
	background: #FFCCCC !important;
193
	background: #FFCCCC !important;
194
}
194
}
195
 
195
 
196
.x-selec-consult {
196
.x-selec-consult {
197
	background: #DEE5EE !important;
197
	background: #DEE5EE !important;
198
}
198
}
199
 
199
 
200
.x-view-notation-bar {
200
.x-view-notation-bar {
201
	height: 25px;
201
	height: 25px;
202
	width: 25px;
202
	width: 25px;
203
}
203
}
204
 
204
 
205
.x-view-zoom-button-p {
205
.x-view-zoom-button-p {
206
	background-color: #FFFFFF;
206
	background-color: #FFFFFF;
207
	background-image: url("Fleche_gauche.gif");
207
	background-image: url("Fleche_gauche.gif");
208
	background-repeat: no-repeat;
208
	background-repeat: no-repeat;
209
	background-position: 50%;
209
	background-position: 50%;
210
	border: none;
210
	border: none;
211
}
211
}
212
 
212
 
213
.x-view-zoom-button-s {
213
.x-view-zoom-button-s {
214
	background-color: #FFFFFF;
214
	background-color: #FFFFFF;
215
	background-image: url("Fleche_droite.gif");
215
	background-image: url("Fleche_droite.gif");
216
	background-repeat: no-repeat;
216
	background-repeat: no-repeat;
217
	background-position: 50%;
217
	background-position: 50%;
218
	border: none;
218
	border: none;
219
}
219
}
220
 
220
 
221
.img-note img {
221
.img-note img {
222
	height: 20px;
222
	height: 20px;
223
	width: 20px;
223
	width: 20px;
224
}
224
}
225
 
225
 
226
.thumb-wrap span {
226
.thumb-wrap span {
227
	display: block;
227
	display: block;
228
	overflow: hidden;
228
	overflow: hidden;
229
	text-align: center;
229
	text-align: center;
230
}
230
}
231
 
231
 
232
#listeImageGrid {
232
#listeImageGrid {
233
	overflow: hidden;
233
	overflow: hidden;
234
}
234
}
235
 
235
 
236
td.centered-list {
236
td.centered-list {
237
	display: table-cell;
237
	display: table-cell;
238
	overflow: hidden;
238
	overflow: hidden;
239
	vertical-align: middle !important;
239
	vertical-align: middle !important;
240
}
240
}
241
 
241
 
242
.warning_upload {
242
.warning_upload {
243
	font-size: 15px;
243
	font-size: 15px;
244
	text-align: center;
244
	text-align: center;
245
	background-color: #ffffcc;
245
	background-color: #ffffcc;
246
	color: #ff0033;
246
	color: #ff0033;
247
	font-weight: bold;
247
	font-weight: bold;
248
}
248
}
249
 
249
 
250
.nom_retenu {
250
.nom_retenu {
251
	font-weight: bold;
251
	font-weight: bold;
252
}
252
}
253
 
253
 
254
.x-form-creation {
254
.x-form-creation {
255
	background-color: green;
255
	background-color: green;
256
}
256
}
257
 
257
 
258
.x-form-modification {
258
.x-form-modification {
259
	background-color: red;
259
	background-color: red;
260
}
260
}
261
 
261
 
262
.fenmotcles .x-window-body {
262
.fenmotcles .x-window-body {
263
	background-color: white !important;
263
	background-color: white !important;
264
}
264
}
265
 
265
 
266
.nuagetag {
266
.nuagetag {
267
	background-color: white;
267
	background-color: white;
268
}
268
}
269
 
269
 
270
.nuagetag li {
270
.nuagetag li {
271
	float: left;
271
	float: left;
272
	padding: 2px;
272
	padding: 2px;
273
}
273
}
274
 
274
 
275
.motcletaille1 {
275
.motcletaille1 {
276
	font-size: 10px;
276
	font-size: 10px;
277
	color: #990033;
277
	color: #990033;
278
}
278
}
279
 
279
 
280
.motcletaille2 {
280
.motcletaille2 {
281
	font-size: 12px;
281
	font-size: 12px;
282
	color: #FF9999;
282
	color: #FF9999;
283
}
283
}
284
 
284
 
285
.motcletaille3 {
285
.motcletaille3 {
286
	font-size: 14px;
286
	font-size: 14px;
287
	color: #FF9966;
287
	color: #FF9966;
288
}
288
}
289
 
289
 
290
.motcletaille4 {
290
.motcletaille4 {
291
	font-size: 16px;
291
	font-size: 16px;
292
	color: #00FF00;
292
	color: #00FF00;
293
}
293
}
294
 
294
 
295
.motcletaille5 {
295
.motcletaille5 {
296
	font-size: 18px;
296
	font-size: 18px;
297
	color: #33FF99;
297
	color: #33FF99;
298
}
298
}
299
 
299
 
300
.motcletaille6 {
300
.motcletaille6 {
301
	font-size: 20px;
301
	font-size: 20px;
302
	color: #9999FF;
302
	color: #9999FF;
303
}
303
}
304
 
304
 
305
.motcletaille7 {
305
.motcletaille7 {
306
	font-size: 22px;
306
	font-size: 22px;
307
	color: #CCCCCC;
307
	color: #CCCCCC;
308
}
308
}
309
 
309
 
310
.motcletaille8 {
310
.motcletaille8 {
311
	font-size: 24px;
311
	font-size: 24px;
312
	color: #999999;
312
	color: #999999;
313
}
313
}
314
 
314
 
315
.motcletaille9 {
315
.motcletaille9 {
316
	font-size: 26px;
316
	font-size: 26px;
317
	color: #0000FF;
317
	color: #0000FF;
318
}
318
}
319
 
319
 
320
.motcletaille10 {
320
.motcletaille10 {
321
	font-size: 28px;
321
	font-size: 28px;
322
	color: #333333;
322
	color: #333333;
323
}
323
}
324
 
324
 
325
.saisie_invalide_invisible {
325
.saisie_invalide_invisible {
326
	display: none;
326
	display: none;
327
}
327
}
328
 
328
 
329
.saisie_invalide {
329
.saisie_invalide {
330
	display: block;
330
	display: block;
331
	font-size: 12px;
331
	font-size: 12px;
332
	color: #FF0000;
332
	color: #FF0000;
333
	text-align: center;
333
	text-align: center;
334
}
334
}
335
 
335
 
336
#lien_carto {
336
#lien_carto {
337
	padding-left: 2px;
337
	padding-left: 2px;
338
	text-align: left;
338
	text-align: left;
339
}
339
}
340
 
340
 
341
#lien_coord {
341
#lien_coord {
342
	padding-left: 0px;
342
	padding-left: 0px;
343
}
343
}
344
 
344
 
345
.lien_actif {
345
.lien_actif {
346
	text-align: center;
346
	text-align: center;
347
	cursor: pointer;
347
	cursor: pointer;
348
	color: #0033CC;
348
	color: #0033CC;
349
	text-decoration: underline;
349
	text-decoration: underline;
350
}
350
}
351
 
351
 
352
.lien_decale {
352
.lien_decale {
353
	padding-left: 10px;
353
	padding-left: 10px;
354
}
354
}
355
 
355
 
356
.conteneur_selection_commune {
356
.conteneur_selection_commune {
357
	padding-left: 10px;
357
	padding-left: 10px;
358
	text-decoration: none;
358
	text-decoration: none;
359
}
359
}
360
 
360
 
361
#lien_selection_commune {
361
#lien_selection_commune {
362
	color: #0033CC;
362
	color: #0033CC;
363
	text-decoration: underline;
363
	text-decoration: underline;
364
	padding-left: 100px;
364
	padding-left: 100px;
365
}
365
}
366
 
366
 
367
.lien_sel {
367
.lien_sel {
368
	border: dotted 1px black;
368
	border: dotted 1px black;
369
}
369
}
370
 
370
 
371
.x-tree-node-icon-kw {
371
.x-tree-node-icon-kw {
372
	background-image: url("checked.png");
372
	background-image: url("checked.png");
373
	background-position: center center;
373
	background-position: center center;
374
	background-repeat: no-repeat;
374
	background-repeat: no-repeat;
375
	border: 0 none;
375
	border: 0 none;
376
	height: 18px;
376
	height: 18px;
377
	margin: 0;
377
	margin: 0;
378
	padding: 0;
378
	padding: 0;
379
	vertical-align: top;
379
	vertical-align: top;
380
	width: 16px;
380
	width: 16px;
381
}
381
}
382
 
382
 
383
.x-tree-node a span.x-tree-node-text-norm {
383
.x-tree-node a span.x-tree-node-text-norm {
384
	
384
	
385
}
385
}
386
 
386
 
387
.x-tree-node a span.x-tree-node-text-kw {
387
.x-tree-node a span.x-tree-node-text-kw {
388
	color: #008000;
388
	color: #008000;
389
	font-weight: bold;
389
	font-weight: bold;
390
	font-size: 1.1em;
390
	font-size: 1.1em;
391
	font-style: italic;
391
	font-style: italic;
392
}
392
}
393
 
393
 
394
.x-dd-drop-unlink .x-dd-drop-icon {
394
.x-dd-drop-unlink .x-dd-drop-icon {
395
	background-image: url("delier.png");
395
	background-image: url("delier.png");
396
}
396
}
397
 
397
 
398
#infos_taxon {
398
#infos_taxon {
399
	margin-top: 5px;
399
	margin-top: 5px;
400
	vertical-align: middle !important;
400
	vertical-align: middle !important;
401
	margin-left: auto;
401
	margin-left: auto;
402
	margin-right: auto;
402
	margin-right: auto;
403
	text-align: center;
403
	text-align: center;
404
}
404
}
405
 
405
 
406
.texte_info_taxon {
406
.texte_info_taxon {
407
	font-weight: bold;
407
	font-weight: bold;
408
	font-size: 1.1em;
408
	font-size: 1.1em;
409
	font-style: italic;
409
	font-style: italic;
410
}
410
}
411
 
411
 
412
.info_image {
412
.info_image {
413
	font-size: 10px;
413
	font-size: 10px;
414
}
414
}
415
 
415
 
416
.accepter_licence {
416
.accepter_licence {
417
	font-size: 1.5em;
417
	font-size: 1.5em;
418
	height: 70px;
418
	height: 70px;
419
	margin-left: 20px;
419
	margin-left: 20px;
420
	visibility: visible;
420
	visibility: visible;
421
}
421
}
422
 
422
 
423
#loading {
423
#loading {
424
	position: absolute;
424
	position: absolute;
425
	left: 50%;
425
	left: 50%;
426
	top: 50%;
426
	top: 50%;
427
	margin-top: -103px; /* moitié de la hauteur de l'image */
427
	margin-top: -103px; /* moitié de la hauteur de l'image */
428
	margin-left: -332px; /* moitié de la largeur de l'image */
428
	margin-left: -332px; /* moitié de la largeur de l'image */
429
}
429
}
430
 
430
 
431
#loading img {
431
#loading img {
432
	border: 2px solid black;
432
	border: 2px solid black;
433
}
433
}
434
 
434
 
435
.indicateur_filtres {
435
.indicateur_filtres {
436
	color: #000000;
436
	color: #000000;
437
	font-weight: bold !important;
437
	font-weight: bold !important;
438
}
438
}
439
 
439
 
440
.affichage_filtre {
440
.affichage_filtre {
441
	padding: 3px;
441
	padding: 3px;
442
	padding-right: 1px;
442
	padding-right: 1px;
443
	border: solid 1px #555555;
443
	border: solid 1px #555555;
444
	background-color: #AAAAAA;
444
	background-color: #AAAAAA;
445
}
445
}
446
 
446
 
447
.affichage_filtre input[type="button"] {
447
.affichage_filtre input[type="button"] {
448
	background: none;
448
	background: none;
449
	background-color: #999999;
449
	background-color: #999999;
450
	font: 11px tahoma, arial, helvetica, sans-serif;
450
	font: 11px tahoma, arial, helvetica, sans-serif;
451
}
451
}
452
 
452
 
453
.liste_mots_cles {
453
.liste_mots_cles {
454
	list-style-position: outside;
454
	list-style-position: outside;
455
	margin-left: 20px;
455
	margin-left: 20px;
456
	list-style-type: square;
456
	list-style-type: square;
457
}
457
}
458
 
458
 
459
.champ-separation {
459
.champ-separation {
460
	padding-top: 10px;	
460
	padding-top: 10px;	
461
}
461
}
462
 
462
 
463
.lienAfficherChampsEtendus, .lienAjouterChampEtendu {
463
.lienAfficherChampsEtendus, .lienAjouterChampEtendu {
464
	color: #0000CC;
464
	color: #0000CC;
465
    cursor: pointer;
465
    cursor: pointer;
466
    padding-left: 105px;
466
    padding-left: 105px;
467
    text-align: left;
467
    text-align: left;
468
    text-decoration: underline;
468
    text-decoration: underline;
469
}
469
}
470
 
470
 
471
.lienAfficherChampsEtendus {
471
.lienAfficherChampsEtendus {
472
	padding-bottom: 10px;
472
	padding-bottom: 10px;
473
}
473
}
474
 
474
 
475
.lienAjouterChampEtendu {
475
.lienAjouterChampEtendu {
476
 
476
 
477
    padding-bottom: 2px;
477
    padding-bottom: 2px;
478
}
478
}
479
 
479
 
480
.aideCreerChampEtendu {
480
.aideCreerChampEtendu {
481
    color: #666666;
481
    color: #666666;
482
    font-size: 0.85em;
482
    font-size: 0.85em;
483
    padding-bottom: 4px;
483
    padding-bottom: 4px;
484
    text-align: justify;
484
    text-align: justify;
485
    width: 360px;
485
    width: 360px;
486
}
486
}
487
 
487
 
488
.popup_champ_etendu {
488
.popup_champ_etendu {
489
	border: 3px solid #667A6B;
489
	border: 3px solid #667A6B;
490
	z-index: 3000;
490
	z-index: 3000;
-
 
491
}
-
 
492
 
-
 
493
.popup_connexion {
-
 
494
	z-index: 3000;
491
}
495
}
492
496