Subversion Repositories eFlore/Applications.cel

Rev

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

Rev Author Line No. Line
328 aurelien 1
/** Add css rules here for your application. */
1474 aurelien 2
body,td,a,div,.p {
3
	font-family: arial, sans-serif
4
}
328 aurelien 5
 
1474 aurelien 6
div,td {
7
	color: #000000
8
}
328 aurelien 9
 
1474 aurelien 10
a:link,.w,.w a:link {
11
	color: #0000cc
12
}
328 aurelien 13
 
1474 aurelien 14
a:visited {
15
	color: #551a8b
16
}
328 aurelien 17
 
1474 aurelien 18
a:active {
19
	color: #ff0000
20
}
21
 
22
.thumb-wrap {
23
	width: 100px;
24
	height: 130px;
25
	display: table-cell;
26
	text-align: center;
27
	vertical-align: middle;
28
	background-color: #DCDCDC;
29
	border-width: 1px;
30
	border-style: solid;
31
	border-color: #667A6B;
32
	overflow: hidden;
33
	position: relative;
34
}
35
 
36
miniature_galerie {
37
	z-index: 35;
38
}
39
 
40
.picto_haut_gauche {
41
	position: absolute;
42
	top: 2px;
43
	left: 2px;
44
	z-index: 40;
45
}
46
 
47
.picto_haut_droite {
48
	position: absolute;
49
	top: 2px;
50
	right: 2px;
51
	z-index: 40;
52
}
53
 
54
.x-window-tl .x-window-header {
55
	color: #4A6438;
56
}
57
 
58
.x-window-mc {
59
	background-color: #FFFFFF;
60
}
61
 
62
.x-panel-header {
63
	color: #FFFFFF;
64
}
65
 
66
.x-tab-strip span.x-tab-strip-text {
67
	color: #FFFFFF;
68
}
69
 
70
.x-tab-strip-active span.x-tab-strip-text {
71
	color: #4A6438;
72
	cursor: default;
73
	font-weight: bold;
74
}
75
 
76
.img-list {
77
	height: 50px;
78
	width: 50px;
79
	display: table-cell;
80
	text-align: center;
81
	vertical-align: middle;
82
}
83
 
84
.dview-list {
85
	display: table-cell;
86
	height: auto;
87
	padding-bottom: 10px;
88
	text-align: center;
89
	vertical-align: middle;
90
	width: 100px;
91
}
92
 
93
.thumb img:hover {
94
	color: #000000;
95
}
96
 
97
.x-view-over {
98
	background: #6a8192;
99
	padding: 4px;
100
}
101
 
102
.x-view-selected {
103
	background: #cf7d6a;
104
	padding: 4px;
105
}
106
 
107
.x-temp-crea {
108
	background: #000000;
109
}
110
 
111
.x-temp-modif {
112
	background: #ffffff;
113
}
114
 
115
.thumb-wrap {
116
	float: left;
117
	margin: 4px;
118
	margin-right: 0;
119
	padding: 5px;
120
}
121
 
122
.avertissement {
123
	font-size: 15px;
124
	text-align: center;
125
	color: #318D9F;
126
	font-weight: bold;
127
}
128
 
129
#liensExt {
130
	float: right;
131
	margin-top: -15px;
132
}
133
 
2081 mathias 134
#liensExt a {
135
	margin-right: 10px;
136
}
137
 
1474 aurelien 138
#panneau_etat_connexion,#panneau_admin {
139
	min-height: 16px;
140
}
141
 
142
#x-up-bandeau div div {
143
	height: 100 px !important;
144
	background-image: url(fond-herbes.png);
145
	background-repeat: repeat-x;
146
}
147
 
148
#x-view-zoom-img div div {
149
	display: table-cell;
150
	text-align: center;
151
	vertical-align: middle;
152
}
153
 
154
#x-view-mini-zoom-img div div {
155
	display: table-cell;
156
	text-align: center;
157
	vertical-align: middle;
158
}
159
 
160
.img-curseur-depl {
161
	cursor: pointer;
162
}
163
 
164
/*#x-view-mini-zoom-img div div img {
165
	height: 150px;
166
	width: 150px;
167
}*/
168
.x-image-gen div div {
169
	display: table-cell;
170
	text-align: center;
171
	vertical-align: middle;
172
}
173
 
174
.x-image-info-rep div div {
175
	display: table-cell;
176
	text-align: center;
177
	vertical-align: middle;
178
}
179
 
180
.x-selec-modif {
181
	background: #FFCCCC !important;
182
}
183
 
184
.x-selec-crea {
185
	background: #DEE5EE !important;
186
}
187
 
188
.x-selec-liaison {
189
	background: #FFCCCC !important;
190
}
191
 
192
.x-selec-consult {
193
	background: #DEE5EE !important;
194
}
195
 
196
.x-view-notation-bar {
197
	height: 25px;
198
	width: 25px;
199
}
200
 
201
.x-view-zoom-button-p {
202
	background-color: #FFFFFF;
203
	background-image: url("Fleche_gauche.gif");
204
	background-repeat: no-repeat;
205
	background-position: 50%;
206
	border: none;
207
}
208
 
209
.x-view-zoom-button-s {
210
	background-color: #FFFFFF;
211
	background-image: url("Fleche_droite.gif");
212
	background-repeat: no-repeat;
213
	background-position: 50%;
214
	border: none;
215
}
216
 
217
.img-note img {
218
	height: 20px;
219
	width: 20px;
220
}
221
 
222
.thumb-wrap span {
223
	display: block;
224
	overflow: hidden;
225
	text-align: center;
226
}
227
 
228
#listeImageGrid {
229
	overflow: hidden;
230
}
231
 
232
td.centered-list {
233
	display: table-cell;
234
	overflow: hidden;
235
	vertical-align: middle !important;
236
}
237
 
238
.warning_upload {
239
	font-size: 15px;
240
	text-align: center;
241
	background-color: #ffffcc;
242
	color: #ff0033;
243
	font-weight: bold;
244
}
245
 
246
.nom_retenu {
247
	font-weight: bold;
248
}
249
 
250
.x-form-creation {
251
	background-color: green;
252
}
253
 
254
.x-form-modification {
255
	background-color: red;
256
}
257
 
258
.fenmotcles .x-window-body {
259
	background-color: white !important;
260
}
261
 
262
.nuagetag {
263
	background-color: white;
264
}
265
 
266
.nuagetag li {
267
	float: left;
268
	padding: 2px;
269
}
270
 
271
.motcletaille1 {
272
	font-size: 10px;
273
	color: #990033;
274
}
275
 
276
.motcletaille2 {
277
	font-size: 12px;
278
	color: #FF9999;
279
}
280
 
281
.motcletaille3 {
282
	font-size: 14px;
283
	color: #FF9966;
284
}
285
 
286
.motcletaille4 {
287
	font-size: 16px;
288
	color: #00FF00;
289
}
290
 
291
.motcletaille5 {
292
	font-size: 18px;
293
	color: #33FF99;
294
}
295
 
296
.motcletaille6 {
297
	font-size: 20px;
298
	color: #9999FF;
299
}
300
 
301
.motcletaille7 {
302
	font-size: 22px;
303
	color: #CCCCCC;
304
}
305
 
306
.motcletaille8 {
307
	font-size: 24px;
308
	color: #999999;
309
}
310
 
311
.motcletaille9 {
312
	font-size: 26px;
313
	color: #0000FF;
314
}
315
 
316
.motcletaille10 {
317
	font-size: 28px;
318
	color: #333333;
319
}
320
 
321
.saisie_invalide_invisible {
322
	display: none;
323
}
324
 
325
.saisie_invalide {
326
	display: block;
327
	font-size: 12px;
328
	color: #FF0000;
329
	text-align: center;
330
}
331
 
332
#lien_carto {
333
	padding-left: 2px;
334
	text-align: left;
335
}
336
 
337
#lien_coord {
338
	padding-left: 0px;
339
}
340
 
341
.lien_actif {
342
	text-align: center;
343
	cursor: pointer;
344
	color: #0033CC;
345
	text-decoration: underline;
346
}
347
 
348
.lien_decale {
349
	padding-left: 10px;
350
}
351
 
2569 aurelien 352
.conteneur_selection_localite {
1474 aurelien 353
	padding-left: 10px;
354
	text-decoration: none;
355
}
356
 
2569 aurelien 357
#lien_selection_localite {
1474 aurelien 358
	color: #0033CC;
359
	text-decoration: underline;
360
	padding-left: 100px;
361
}
362
 
363
.lien_sel {
364
	border: dotted 1px black;
365
}
366
 
367
.x-tree-node-icon-kw {
368
	background-image: url("checked.png");
369
	background-position: center center;
370
	background-repeat: no-repeat;
371
	border: 0 none;
372
	height: 18px;
373
	margin: 0;
374
	padding: 0;
375
	vertical-align: top;
376
	width: 16px;
377
}
378
 
379
.x-tree-node a span.x-tree-node-text-norm {
380
 
381
}
382
 
383
.x-tree-node a span.x-tree-node-text-kw {
384
	color: #008000;
385
	font-weight: bold;
386
	font-size: 1.1em;
387
	font-style: italic;
388
}
389
 
390
.x-dd-drop-unlink .x-dd-drop-icon {
391
	background-image: url("delier.png");
392
}
393
 
394
#infos_taxon {
395
	margin-top: 5px;
396
	vertical-align: middle !important;
397
	margin-left: auto;
398
	margin-right: auto;
399
	text-align: center;
400
}
401
 
402
.texte_info_taxon {
403
	font-weight: bold;
404
	font-size: 1.1em;
405
	font-style: italic;
406
}
407
 
408
.info_image {
409
	font-size: 10px;
410
}
411
 
412
.accepter_licence {
413
	font-size: 1.5em;
414
	height: 70px;
415
	margin-left: 20px;
416
	visibility: visible;
417
}
418
 
419
#loading {
420
	position: absolute;
421
	left: 50%;
422
	top: 50%;
423
	margin-top: -103px; /* moitié de la hauteur de l'image */
424
	margin-left: -332px; /* moitié de la largeur de l'image */
425
}
426
 
427
#loading img {
428
	border: 2px solid black;
429
}
430
 
431
.indicateur_filtres {
432
	color: #000000;
433
	font-weight: bold !important;
434
}
435
 
436
.affichage_filtre {
437
	padding: 3px;
438
	padding-right: 1px;
439
	border: solid 1px #555555;
440
	background-color: #AAAAAA;
441
}
442
 
443
.affichage_filtre input[type="button"] {
444
	background: none;
445
	background-color: #999999;
446
	font: 11px tahoma, arial, helvetica, sans-serif;
447
}
448
 
449
.liste_mots_cles {
450
	list-style-position: outside;
451
	margin-left: 20px;
452
	list-style-type: square;
453
}
454
 
1546 aurelien 455
.champ-separation {
456
	padding-top: 10px;
457
}
1602 aurelien 458
 
1969 aurelien 459
.lienAfficherChampsEtendus, .lienAjouterChampEtendu {
1602 aurelien 460
	color: #0000CC;
461
    cursor: pointer;
1969 aurelien 462
    padding-left: 105px;
463
    text-align: left;
1602 aurelien 464
    text-decoration: underline;
1969 aurelien 465
}
466
 
467
.lienAfficherChampsEtendus {
468
	padding-bottom: 10px;
469
}
470
 
471
.lienAjouterChampEtendu {
472
 
473
    padding-bottom: 2px;
474
}
475
 
476
.aideCreerChampEtendu {
477
    color: #666666;
478
    font-size: 0.85em;
479
    padding-bottom: 4px;
2602 aurelien 480
    padding-top: 10px;
1969 aurelien 481
    text-align: justify;
482
    width: 360px;
483
}
484
 
485
.popup_champ_etendu {
486
	border: 3px solid #667A6B;
487
	z-index: 3000;
2278 aurelien 488
}
489
 
490
.popup_connexion {
491
	z-index: 3000;
2393 aurelien 492
}
493
 
494
.aideWikiChampEtendu {
495
    color: #666666;
496
    font-size: 0.9em;
497
    padding-top: 4px;
498
    padding-bottom: 5px;
499
    text-align: justify;
500
    width: 500px;
501
    height: 30px;
502
}
503
 
504
.descriptionChampEtenduTitre {
505
	color: black;
506
}
2556 aurelien 507
 
508
.recherche_infos_zone_geo {
509
 
510
}
511
 
512
.recherche_infos_zone_geo_en_cours {
513
	padding: 5px;
514
}
515
 
516
.recherche_infos_zone_geo_en_cours div {
517
	font-size: 1.1em;
518
	padding-left: 15px;
519
}
520
 
521
.recherche_infos_zone_geo_en_cours div, .recherche_infos_zone_geo_en_cours img {
522
	float: left;
523
}
524
 
525
hr.nettoyage {
526
	clear: both;
527
	visibility: hidden;
2602 aurelien 528
}
529
 
530
.champAutoComplete {
531
	margin-bottom: 4px;
532
}
533
 
534
.champAutoComplete .gwt-Label {
535
	visibility: visible;
536
	display: inline;
537
	border: none;
538
	padding-left: 53px;
539
	padding-right: 7px;
540
}
541
 
542
.champAutoComplete div, .champAutoComplete div div {
543
	border: none;
544
}
545
 
546
.champAutoComplete input {
547
	border: 1px solid #b5b8c8;
548
	background: #fff url(org.tela_botanica.cel2/js/ext/resources/images/default/form/text-bg.gif) repeat-x 0 0;
2610 aurelien 549
	font: 12px tahoma,arial,helvetica,sans-serif;
2602 aurelien 550
}
551
 
552
.gwt-SuggestBoxPopup {
553
	z-index: 9999;
554
}
555
 
556
.panneauEnLigne .gwt-Label {
557
	display: inline;
558
	padding-left: 5px;
559
	padding-right: 7px;
2603 aurelien 560
	height: 15px;
2602 aurelien 561
}
562
 
2603 aurelien 563
.panneauModePetiteLargeur div.gwt-Label {
564
	display: block;
565
	height: 15px;
566
}
567
 
568
.panneauModePetiteLargeur input {
569
    margin-left: 53px;
570
}
571
 
2602 aurelien 572
.panneauEnLigne div {
573
	border: none;
574
}
575
 
576
.selecteurGroupeEtendus select {
577
	background: transparent;
578
   	border: none;
579
   	font-size: 14px;
580
   	height: 29px;
581
   	padding: 5px; /* If you add too much padding here, the options won't show in IE */
582
	background: #fff url(org.tela_botanica.cel2/js/ext/resources/images/default/form/text-bg.gif) repeat-x 0 0;
583
    border: 1px solid #b5b8c8;
2610 aurelien 584
}
585
 
586
.nomRetenu {
587
	font-weight: bold;
2649 aurelien 588
}
589
 
590
img#icone_chargement {
591
    border: medium none;
592
    bottom: 40px;
593
    font-size: 44px;
594
    position: absolute;
595
    right: 462px;
596
}
597
 
598
#texte_chargement {
599
    border: medium none;
600
    bottom: 33px;
601
    font-family: times new roman;
602
    font-size: 44px;
603
    font-weight: bold;
604
    left: 228px;
605
    position: absolute;
606
}
607
 
608
#loading.splash_screen {
609
	border: none;
610
}
611
 
612
#x-view-zoom-img div div img.invisible {
613
	display: none;
614
}
615
 
616
#indication_aucune_image {
617
    font-family: Times New Roman;
618
    font-size: 40px;
619
    padding-left: 40%;
2656 aurelien 620
}
621
 
622
#liste_selection_langue {
623
	bottom: 2px;
624
    float: right;
625
    height: 20px;
626
    position: relative;
627
    visibility: visible;
628
    width: 80px;
629
}
630
 
631
.aucune_image_pour {
632
	text-align: center;
633
	vertical-align: middle;
634
	color: #777;
635
	font-size: 35px;
2753 aurelien 636
}
637
 
638
.liste_projets_import {
639
	position: relative;
640
	bottom: 4px;
2556 aurelien 641
}