Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 643 Rev 786
1
/** Add css rules here for your application. */
1
/** Add css rules here for your application. */
2
 
2
 
3
body,td,a,div,.p{font-family:arial,sans-serif}
3
body,td,a,div,.p{font-family:arial,sans-serif}
4
			div,td{color:#000000}
4
			div,td{color:#000000}
5
			a:link,.w,.w a:link{color:#0000cc}
5
			a:link,.w,.w a:link{color:#0000cc}
6
			a:visited{color:#551a8b}
6
			a:visited{color:#551a8b}
7
			a:active{color:#ff0000}
7
			a:active{color:#ff0000}
8
			
8
			
9
			.thumb-wrap {
9
			.thumb-wrap {
10
				width : 100px ;
10
				width : 100px ;
11
				height : 130px ;
11
				height : 130px ;
12
				display: table-cell ;
12
				display: table-cell ;
13
				text-align: center ;
13
				text-align: center ;
14
				vertical-align: middle ;
14
				vertical-align: middle ;
15
				background-color: #DCDCDC;	
15
				background-color: #DCDCDC;	
16
				border-width:1px;
16
				border-width:1px;
17
				border-style:solid;
17
				border-style:solid;
18
				border-color:#667A6B;
18
				border-color:#667A6B;
19
				overflow:hidden;
19
				overflow:hidden;
20
				position:relative;
20
				position:relative;
21
            }
21
            }
22
            
22
            
23
            miniature_galerie  {
23
            miniature_galerie  {
24
               	z-index: 35;
24
               	z-index: 35;
25
            }
25
            }
26
            
26
            
27
            .picto_haut_gauche {
27
            .picto_haut_gauche {
28
			  position:absolute;
28
			  position:absolute;
29
			  top:2px;
29
			  top:2px;
30
			  left:2px;
30
			  left:2px;
31
			  z-index:40;
31
			  z-index:40;
32
			}
32
			}
33
			
33
			
34
			.picto_haut_droite {
34
			.picto_haut_droite {
35
			  position:absolute;
35
			  position:absolute;
36
			  top:2px;
36
			  top:2px;
37
			  right:2px;
37
			  right:2px;
38
			  z-index:40;
38
			  z-index:40;
39
			}
39
			}
40
			
40
			
41
			.x-window-tl .x-window-header {
41
			.x-window-tl .x-window-header {
42
                color:#4A6438;
42
                color:#4A6438;
43
			}
43
			}
44
			
44
			
45
			.x-window-mc {
45
			.x-window-mc {
46
				background-color: #FFFFFF;
46
				background-color: #FFFFFF;
47
			}
47
			}
48
			
48
			
49
			.x-panel-header {
49
			.x-panel-header {
50
				color:#FFFFFF;
50
				color:#FFFFFF;
51
			}
51
			}
52
			
52
			
53
			.x-tab-strip span.x-tab-strip-text {
53
			.x-tab-strip span.x-tab-strip-text {
54
				color:#FFFFFF;
54
				color:#FFFFFF;
55
			}
55
			}
56
			
56
			
57
			.x-tab-strip-active span.x-tab-strip-text {
57
			.x-tab-strip-active span.x-tab-strip-text {
58
				color:#4A6438;
58
				color:#4A6438;
59
				cursor:default;
59
				cursor:default;
60
				font-weight:bold;
60
				font-weight:bold;
61
			}
61
			}
62
			
62
			
63
			 .img-list {
63
			 .img-list {
64
				height: 50px;
64
				height: 50px;
65
				width: 50px;
65
				width: 50px;
66
			
66
			
67
				display: table-cell ;
67
				display: table-cell ;
68
				text-align: center ;
68
				text-align: center ;
69
				vertical-align: middle ;
69
				vertical-align: middle ;
70
			}
70
			}
71
			
71
			
72
			.dview-list {
72
			.dview-list {
73
				display: table-cell;
73
				display: table-cell;
74
    			height: auto;
74
    			height: auto;
75
    			padding-bottom: 10px;
75
    			padding-bottom: 10px;
76
    			text-align: center;
76
    			text-align: center;
77
    			vertical-align: middle;
77
    			vertical-align: middle;
78
    			width: 100px;
78
    			width: 100px;
79
			}
79
			}
80
			
80
			
81
			 .thumb img:hover{
81
			 .thumb img:hover{
82
				color:#000000;
82
				color:#000000;
83
			}
83
			}
84
			
84
			
85
			 .x-view-over {
85
			 .x-view-over {
86
			background:#6a8192 ;
86
			background:#6a8192 ;
87
			padding:4px;
87
			padding:4px;
88
			}
88
			}
89
			
89
			
90
			 .x-view-selected { 
90
			 .x-view-selected { 
91
				background: #cf7d6a ;  
91
				background: #cf7d6a ;  
92
				padding: 4px; 
92
				padding: 4px; 
93
			} 
93
			} 
94
			
94
			
95
			.x-temp-crea {
95
			.x-temp-crea {
96
				background: #000000 ;  
96
				background: #000000 ;  
97
			}
97
			}
98
			
98
			
99
			.x-temp-modif {
99
			.x-temp-modif {
100
				background: #ffffff ;  
100
				background: #ffffff ;  
101
			}
101
			}
102
			
102
			
103
 
103
 
104
			.thumb-wrap {
104
			.thumb-wrap {
105
				float: left;
105
				float: left;
106
				margin: 4px;
106
				margin: 4px;
107
				margin-right: 0;
107
				margin-right: 0;
108
				padding: 5px;
108
				padding: 5px;
109
			}
109
			}
110
			
110
			
111
			.avertissement {
111
			.avertissement {
112
			   font-size: 15px ;
112
			   font-size: 15px ;
113
			   text-align: center ;       
113
			   text-align: center ;       
114
               color: #318D9F ;  
114
               color: #318D9F ;  
115
               font-weight: bold ;
115
               font-weight: bold ;
116
			}
116
			}
117
			
117
			
118
			#etatConnexion {
118
			#etatConnexion {
119
			     cursor: pointer ;
119
			     cursor: pointer ;
120
			}
120
			}
121
			
121
			
122
			#liensExt {
122
			#liensExt {
123
                float: right;
123
                float: right;
124
                margin-top: -15px;
124
                margin-top: -15px;
125
			}
125
			}
126
			
126
			
127
			#panneau_etat_connexion,  #panneau_admin {
127
			#panneau_etat_connexion,  #panneau_admin {
128
				min-height:16px;
128
				min-height:16px;
129
			}
129
			}
130
			
130
			
131
			#x-up-bandeau div div {
131
			#x-up-bandeau div div {
132
				height: 100 px !important;
132
				height: 100 px !important;
133
				background-image:url(fond-herbes.png);
133
				background-image:url(fond-herbes.png);
134
				background-repeat:repeat-x;
134
				background-repeat:repeat-x;
135
			}
135
			}
136
			
136
			
137
			#x-view-zoom-img div div {
137
			#x-view-zoom-img div div {
138
				display: table-cell ;
138
				display: table-cell ;
139
				text-align: center ;
139
				text-align: center ;
140
				vertical-align: middle ;
140
				vertical-align: middle ;
141
			}
141
			}
142
			
142
			
143
			#x-view-mini-zoom-img div div {
143
			#x-view-mini-zoom-img div div {
144
				display: table-cell ;
144
				display: table-cell ;
145
				text-align: center ;
145
				text-align: center ;
146
				vertical-align: middle ;
146
				vertical-align: middle ;
147
			}
147
			}
148
			
148
			
149
			.img-curseur-depl {
149
			.img-curseur-depl {
150
				cursor:pointer;
150
				cursor:pointer;
151
			}
151
			}
152
			
152
			
153
			/*#x-view-mini-zoom-img div div img {
153
			/*#x-view-mini-zoom-img div div img {
154
				height: 150px;
154
				height: 150px;
155
				width: 150px;
155
				width: 150px;
156
			}*/
156
			}*/
157
			
157
			
158
			.x-image-gen div div {
158
			.x-image-gen 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
			.x-image-info-rep div div {
164
			.x-image-info-rep div div {
165
				display: table-cell ;
165
				display: table-cell ;
166
				text-align: center ;
166
				text-align: center ;
167
				vertical-align: middle ;
167
				vertical-align: middle ;
168
			}
168
			}
169
			
169
			
170
			.x-selec-modif {
170
			.x-selec-modif {
171
				background: #FFCCCC !important ;
171
				background: #FFCCCC !important ;
172
					
172
					
173
			}
173
			}
174
			
174
			
175
			.x-selec-crea {
175
			.x-selec-crea {
176
				background: #DEE5EE !important ;
176
				background: #DEE5EE !important ;
177
					
177
					
178
			}
178
			}
179
			
179
			
180
			.x-selec-liaison {
180
			.x-selec-liaison {
181
				background: #FFCCCC !important ;
181
				background: #FFCCCC !important ;
182
					
182
					
183
			}
183
			}
184
			
184
			
185
			.x-selec-consult {
185
			.x-selec-consult {
186
				background: #DEE5EE !important ;
186
				background: #DEE5EE !important ;
187
					
187
					
188
			}
188
			}
189
			
189
			
190
			.x-view-notation-bar {		
190
			.x-view-notation-bar {		
191
				height: 25px ;
191
				height: 25px ;
192
				width: 25px ;
192
				width: 25px ;
193
			}
193
			}
194
			
194
			
195
			.x-view-zoom-button-p {
195
			.x-view-zoom-button-p {
196
			
196
			
197
				background-color: #FFFFFF ;
197
				background-color: #FFFFFF ;
198
				background-image:url("Fleche_gauche.gif") ;	
198
				background-image:url("Fleche_gauche.gif") ;	
199
				background-repeat: no-repeat;
199
				background-repeat: no-repeat;
200
				background-position: 50% ;
200
				background-position: 50% ;
201
				border: none ;
201
				border: none ;
202
			}
202
			}
203
			
203
			
204
			.x-view-zoom-button-s {
204
			.x-view-zoom-button-s {
205
			
205
			
206
				background-color: #FFFFFF ;
206
				background-color: #FFFFFF ;
207
				background-image:url("Fleche_droite.gif") ;	
207
				background-image:url("Fleche_droite.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
			.img-note img {
213
			.img-note img {
214
			height: 20px ;
214
			height: 20px ;
215
			width: 20px ;
215
			width: 20px ;
216
			} 
216
			} 
217
 
217
 
218
			.thumb-wrap span {
218
			.thumb-wrap span {
219
			display: block;
219
			display: block;
220
			overflow: hidden;
220
			overflow: hidden;
221
			text-align: center;
221
			text-align: center;
222
			}
222
			}
223
			
223
			
224
			#listeImageGrid {
224
			#listeImageGrid {
225
      		overflow: hidden;
225
      		overflow: hidden;
226
 			}
226
 			}
227
 			
227
 			
228
 			td.centered-list {
228
 			td.centered-list {
229
 				display: table-cell ;
229
 				display: table-cell ;
230
      			overflow: hidden;
230
      			overflow: hidden;
231
      			vertical-align: middle !important;
231
      			vertical-align: middle !important;
232
 			}
232
 			}
233
 			
233
 			
234
 			.warning_upload {
234
 			.warning_upload {
235
				font-size: 15px ;
235
				font-size: 15px ;
236
				text-align: center ;
236
				text-align: center ;
237
				background-color: #ffffcc ; 		
237
				background-color: #ffffcc ; 		
238
 				color: #ff0033 ;  
238
 				color: #ff0033 ;  
239
 				font-weight: bold ;
239
 				font-weight: bold ;
240
 			}
240
 			}
241
 			
241
 			
242
 			.nom_retenu {
242
 			.nom_retenu {
243
 				font-weight: bold ;
243
 				font-weight: bold ;
244
 			}
244
 			}
245
 			
245
 			
246
 			
246
 			
247
 			.x-form-creation {
247
 			.x-form-creation {
248
 				background-color: green ;
248
 				background-color: green ;
249
 			}
249
 			}
250
 			
250
 			
251
 			.x-form-modification {
251
 			.x-form-modification {
252
 				background-color: red ;
252
 				background-color: red ;
253
 			}
253
 			}
254
 			
254
 			
255
            .fenmotcles .x-window-body {
255
            .fenmotcles .x-window-body {
256
                background-color: white !important;
256
                background-color: white !important;
257
            }
257
            }
258
 			
258
 			
259
 			.nuagetag {
259
 			.nuagetag {
260
 			    background-color: white;
260
 			    background-color: white;
261
 			}
261
 			}
262
 			
262
 			
263
 			.nuagetag li {
263
 			.nuagetag li {
264
 			    float: left;
264
 			    float: left;
265
 			    padding: 2px; 
265
 			    padding: 2px; 
266
 			}
266
 			}
267
 			
267
 			
268
 			.motcletaille1 {
268
 			.motcletaille1 {
269
 			    font-size: 10px ;
269
 			    font-size: 10px ;
270
 			    color: #990033; 
270
 			    color: #990033; 
271
 			}
271
 			}
272
 			
272
 			
273
 			.motcletaille2 {
273
 			.motcletaille2 {
274
                font-size: 12px ;
274
                font-size: 12px ;
275
                color: #FF9999;  
275
                color: #FF9999;  
276
            }
276
            }
277
            
277
            
278
            .motcletaille3 {
278
            .motcletaille3 {
279
                font-size: 14px ;
279
                font-size: 14px ;
280
                color: #FF9966; 
280
                color: #FF9966; 
281
            }
281
            }
282
            
282
            
283
            .motcletaille4 {
283
            .motcletaille4 {
284
                font-size: 16px ; 
284
                font-size: 16px ; 
285
                color: #00FF00; 
285
                color: #00FF00; 
286
            }
286
            }
287
            
287
            
288
            .motcletaille5 {
288
            .motcletaille5 {
289
                font-size: 18px ;
289
                font-size: 18px ;
290
                color: #33FF99;
290
                color: #33FF99;
291
 
291
 
292
            }
292
            }
293
            
293
            
294
            .motcletaille6 {
294
            .motcletaille6 {
295
                font-size: 20px ;
295
                font-size: 20px ;
296
                color: #9999FF; 
296
                color: #9999FF; 
297
            }
297
            }
298
            
298
            
299
            .motcletaille7 {
299
            .motcletaille7 {
300
                font-size: 22px ; 
300
                font-size: 22px ; 
301
                color: #CCCCCC;
301
                color: #CCCCCC;
302
            }
302
            }
303
            
303
            
304
            .motcletaille8 {
304
            .motcletaille8 {
305
                font-size: 24px ;
305
                font-size: 24px ;
306
                color: #999999; 
306
                color: #999999; 
307
            }
307
            }
308
            
308
            
309
            .motcletaille9 {
309
            .motcletaille9 {
310
                font-size: 26px ; 
310
                font-size: 26px ; 
311
                color: #0000FF;
311
                color: #0000FF;
312
            }
312
            }
313
            
313
            
314
            .motcletaille10 {
314
            .motcletaille10 {
315
                font-size: 28px ; 
315
                font-size: 28px ; 
316
                color: #333333;
316
                color: #333333;
317
            }
317
            }
318
            
318
            
319
            .saisie_invalide_invisible {
319
            .saisie_invalide_invisible {
320
                display: none;
320
                display: none;
321
            }
321
            }
322
            
322
            
323
            .saisie_invalide {
323
            .saisie_invalide {
324
                display: block ;
324
                display: block ;
325
                font-size: 12px ;
325
                font-size: 12px ;
326
                color: #FF0000;
326
                color: #FF0000;
327
                text-align: center;  
327
                text-align: center;  
328
            }
328
            }
329
            
329
            
330
            #lien_carto {
330
            #lien_carto {
331
            	padding-left: 2px;
331
            	padding-left: 2px;
332
            	text-align: left;
332
            	text-align: left;
333
            }
333
            }
334
            
334
            
335
            #lien_coord {
335
            #lien_coord {
336
           		padding-left: 0px; 
336
           		padding-left: 0px; 
337
            }
337
            }
338
            
338
            
339
            .lien_actif {
339
            .lien_actif {
340
				text-align: center ;
340
				text-align: center ;
341
       			cursor:pointer;
341
       			cursor:pointer;
342
       			color: #0033CC;
342
       			color: #0033CC;
343
            	text-decoration: underline;
343
            	text-decoration: underline;
344
            }
344
            }
345
            
345
            
346
            .lien_decale {
346
            .lien_decale {
347
            	padding-left: 10px;
347
            	padding-left: 10px;
348
            }
348
            }
349
            
349
            
350
            .conteneur_selection_commune {
350
            .conteneur_selection_commune {
351
            	padding-left: 10px;
351
            	padding-left: 10px;
352
            	text-decoration: none;
352
            	text-decoration: none;
353
            }
353
            }
354
            
354
            
355
            #lien_selection_commune {
355
            #lien_selection_commune {
356
            	color: #0033CC;
356
            	color: #0033CC;
357
            	text-decoration: underline; 
357
            	text-decoration: underline; 
358
            	padding-left: 100px;
358
            	padding-left: 100px;
359
            }
359
            }
360
            
360
            
361
            .lien_sel {
361
            .lien_sel {
362
            	border: dotted 1px black;
362
            	border: dotted 1px black;
363
            }
363
            }
364
            
364
            
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: #FF0000;
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;
433
			}
447
			}
434
            
448