Subversion Repositories eFlore/Applications.cel

Rev

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

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