Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 397 Rev 412
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:#FFFFFF;
42
                color:#FFFFFF;
43
			}
43
			}
44
			
44
			
45
			.x-panel-header {
45
			.x-panel-header {
46
				color:#FFFFFF;
46
				color:#FFFFFF;
47
			}
47
			}
48
			
48
			
49
			.x-tab-strip span.x-tab-strip-text {
49
			.x-tab-strip span.x-tab-strip-text {
50
				color:#FFFFFF;
50
				color:#FFFFFF;
51
			}
51
			}
52
			
52
			
53
			.x-tab-strip-active span.x-tab-strip-text {
53
			.x-tab-strip-active span.x-tab-strip-text {
54
				color:#4A6438;
54
				color:#4A6438;
55
				cursor:default;
55
				cursor:default;
56
				font-weight:bold;
56
				font-weight:bold;
57
			}
57
			}
58
			
58
			
59
			 .img-list {
59
			 .img-list {
60
				height: 50px;
60
				height: 50px;
61
				width: 50px;
61
				width: 50px;
62
			
62
			
63
				display: table-cell ;
63
				display: table-cell ;
64
				text-align: center ;
64
				text-align: center ;
65
				vertical-align: middle ;
65
				vertical-align: middle ;
66
			}
66
			}
67
			
67
			
68
			.dview-list {
68
			.dview-list {
69
				height: 100px;
69
				height: 100px;
70
				width: 100px;
70
				width: 100px;
71
			
71
			
72
				display: table-cell ;
72
				display: table-cell ;
73
				text-align: center ;
73
				text-align: center ;
74
				vertical-align: middle ;
74
				vertical-align: middle ;
75
			}
75
			}
76
			
76
			
77
			 .thumb img:hover{
77
			 .thumb img:hover{
78
				color:#000000;
78
				color:#000000;
79
			}
79
			}
80
			
80
			
81
			 .x-view-over {
81
			 .x-view-over {
82
			background:#6a8192 ;
82
			background:#6a8192 ;
83
			padding:4px;
83
			padding:4px;
84
			}
84
			}
85
			
85
			
86
			 .x-view-selected { 
86
			 .x-view-selected { 
87
				background: #cf7d6a ;  
87
				background: #cf7d6a ;  
88
				padding: 4px; 
88
				padding: 4px; 
89
			} 
89
			} 
90
			
90
			
91
			.x-temp-crea {
91
			.x-temp-crea {
92
				background: #000000 ;  
92
				background: #000000 ;  
93
			}
93
			}
94
			
94
			
95
			.x-temp-modif {
95
			.x-temp-modif {
96
				background: #ffffff ;  
96
				background: #ffffff ;  
97
			}
97
			}
98
			
98
			
99
 
99
 
100
			.thumb-wrap {
100
			.thumb-wrap {
101
				float: left;
101
				float: left;
102
				margin: 4px;
102
				margin: 4px;
103
				margin-right: 0;
103
				margin-right: 0;
104
				padding: 5px;
104
				padding: 5px;
105
			}
105
			}
106
			
106
			
107
			.avertissement {
107
			.avertissement {
108
			   font-size: 15px ;
108
			   font-size: 15px ;
109
			   text-align: center ;       
109
			   text-align: center ;       
110
               color: #318D9F ;  
110
               color: #318D9F ;  
111
               font-weight: bold ;
111
               font-weight: bold ;
112
			}
112
			}
113
			
113
			
114
			#etatConnexion {
114
			#etatConnexion {
115
			     cursor: pointer ;
115
			     cursor: pointer ;
116
			}
116
			}
117
			
117
			
118
			#liensExt {
118
			#liensExt {
119
                float: right;
119
                float: right;
120
                margin-top: -15px;
120
                margin-top: -15px;
121
			}
121
			}
122
			
122
			
123
			#panneau_etat_connexion,  #panneau_admin {
123
			#panneau_etat_connexion,  #panneau_admin {
124
				min-height:16px;
124
				min-height:16px;
125
			}
125
			}
126
			
126
			
127
			#x-up-bandeau div div {
127
			#x-up-bandeau div div {
128
				height: 100 px !important;
128
				height: 100 px !important;
129
				background-image:url(fond-herbes.png);
129
				background-image:url(fond-herbes.png);
130
				background-repeat:repeat-x;
130
				background-repeat:repeat-x;
131
			}
131
			}
132
			
132
			
133
			#x-view-zoom-img div div {
133
			#x-view-zoom-img div div {
134
				display: table-cell ;
134
				display: table-cell ;
135
				text-align: center ;
135
				text-align: center ;
136
				vertical-align: middle ;
136
				vertical-align: middle ;
137
			}
137
			}
138
			
138
			
139
			#x-view-mini-zoom-img div div {
139
			#x-view-mini-zoom-img div div {
140
				display: table-cell ;
140
				display: table-cell ;
141
				text-align: center ;
141
				text-align: center ;
142
				vertical-align: middle ;
142
				vertical-align: middle ;
143
			}
143
			}
144
			
144
			
145
			.img-curseur-depl {
145
			.img-curseur-depl {
146
				cursor:pointer;
146
				cursor:pointer;
147
			}
147
			}
148
			
148
			
149
			/*#x-view-mini-zoom-img div div img {
149
			/*#x-view-mini-zoom-img div div img {
150
				height: 150px;
150
				height: 150px;
151
				width: 150px;
151
				width: 150px;
152
			}*/
152
			}*/
153
			
153
			
154
			.x-image-gen div div {
154
			.x-image-gen 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
			.x-image-info-rep div div {
160
			.x-image-info-rep div div {
161
				display: table-cell ;
161
				display: table-cell ;
162
				text-align: center ;
162
				text-align: center ;
163
				vertical-align: middle ;
163
				vertical-align: middle ;
164
			}
164
			}
165
			
165
			
166
			.x-selec-modif {
166
			.x-selec-modif {
167
				background: #FFCCCC !important ;
167
				background: #FFCCCC !important ;
168
					
168
					
169
			}
169
			}
170
			
170
			
171
			.x-selec-crea {
171
			.x-selec-crea {
172
				background: #DEE5EE !important ;
172
				background: #DEE5EE !important ;
173
					
173
					
174
			}
174
			}
175
			
175
			
176
			.x-selec-liaison {
176
			.x-selec-liaison {
177
				background: #FFCCCC !important ;
177
				background: #FFCCCC !important ;
178
					
178
					
179
			}
179
			}
180
			
180
			
181
			.x-selec-consult {
181
			.x-selec-consult {
182
				background: #DEE5EE !important ;
182
				background: #DEE5EE !important ;
183
					
183
					
184
			}
184
			}
185
			
185
			
186
			.x-view-notation-bar {		
186
			.x-view-notation-bar {		
187
				height: 25px ;
187
				height: 25px ;
188
				width: 25px ;
188
				width: 25px ;
189
			}
189
			}
190
			
190
			
191
			.x-view-zoom-button-p {
191
			.x-view-zoom-button-p {
192
			
192
			
193
				background-color: #FFFFFF ;
193
				background-color: #FFFFFF ;
194
				background-image:url("Fleche_gauche.gif") ;	
194
				background-image:url("Fleche_gauche.gif") ;	
195
				background-repeat: no-repeat;
195
				background-repeat: no-repeat;
196
				background-position: 50% ;
196
				background-position: 50% ;
197
				border: none ;
197
				border: none ;
198
			}
198
			}
199
			
199
			
200
			.x-view-zoom-button-s {
200
			.x-view-zoom-button-s {
201
			
201
			
202
				background-color: #FFFFFF ;
202
				background-color: #FFFFFF ;
203
				background-image:url("Fleche_droite.gif") ;	
203
				background-image:url("Fleche_droite.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
			.img-note img {
209
			.img-note img {
210
			height: 20px ;
210
			height: 20px ;
211
			width: 20px ;
211
			width: 20px ;
212
			} 
212
			} 
213
 
213
 
214
			.thumb-wrap span {
214
			.thumb-wrap span {
215
			display: block;
215
			display: block;
216
			overflow: hidden;
216
			overflow: hidden;
217
			text-align: center;
217
			text-align: center;
218
			}
218
			}
219
			
219
			
220
			#listeImageGrid {
220
			#listeImageGrid {
221
      		overflow: hidden;
221
      		overflow: hidden;
222
 			}
222
 			}
223
 			
223
 			
224
 			td.centered-list {
224
 			td.centered-list {
225
 				display: table-cell ;
225
 				display: table-cell ;
226
      			overflow: hidden;
226
      			overflow: hidden;
227
      			vertical-align: middle !important;
227
      			vertical-align: middle !important;
228
 			}
228
 			}
229
 			
229
 			
230
 			.warning_upload {
230
 			.warning_upload {
231
				font-size: 15px ;
231
				font-size: 15px ;
232
				text-align: center ;
232
				text-align: center ;
233
				background-color: #ffffcc ; 		
233
				background-color: #ffffcc ; 		
234
 				color: #ff0033 ;  
234
 				color: #ff0033 ;  
235
 				font-weight: bold ;
235
 				font-weight: bold ;
236
 			}
236
 			}
237
 			
237
 			
238
 			.nom_retenu {
238
 			.nom_retenu {
239
 				font-weight: bold ;
239
 				font-weight: bold ;
240
 			}
240
 			}
241
 			
241
 			
242
 			
242
 			
243
 			.x-form-creation {
243
 			.x-form-creation {
244
 				background-color: green ;
244
 				background-color: green ;
245
 			}
245
 			}
246
 			
246
 			
247
 			.x-form-modification {
247
 			.x-form-modification {
248
 				background-color: red ;
248
 				background-color: red ;
249
 			}
249
 			}
250
 			
250
 			
251
            .fenmotcles .x-window-body {
251
            .fenmotcles .x-window-body {
252
                background-color: white !important;
252
                background-color: white !important;
253
            }
253
            }
254
 			
254
 			
255
 			.nuagetag {
255
 			.nuagetag {
256
 			    background-color: white;
256
 			    background-color: white;
257
 			}
257
 			}
258
 			
258
 			
259
 			.nuagetag li {
259
 			.nuagetag li {
260
 			    float: left;
260
 			    float: left;
261
 			    padding: 2px; 
261
 			    padding: 2px; 
262
 			}
262
 			}
263
 			
263
 			
264
 			.motcletaille1 {
264
 			.motcletaille1 {
265
 			    font-size: 10px ;
265
 			    font-size: 10px ;
266
 			    color: #990033; 
266
 			    color: #990033; 
267
 			}
267
 			}
268
 			
268
 			
269
 			.motcletaille2 {
269
 			.motcletaille2 {
270
                font-size: 12px ;
270
                font-size: 12px ;
271
                color: #FF9999;  
271
                color: #FF9999;  
272
            }
272
            }
273
            
273
            
274
            .motcletaille3 {
274
            .motcletaille3 {
275
                font-size: 14px ;
275
                font-size: 14px ;
276
                color: #FF9966; 
276
                color: #FF9966; 
277
            }
277
            }
278
            
278
            
279
            .motcletaille4 {
279
            .motcletaille4 {
280
                font-size: 16px ; 
280
                font-size: 16px ; 
281
                color: #00FF00; 
281
                color: #00FF00; 
282
            }
282
            }
283
            
283
            
284
            .motcletaille5 {
284
            .motcletaille5 {
285
                font-size: 18px ;
285
                font-size: 18px ;
286
                color: #33FF99;
286
                color: #33FF99;
287
 
287
 
288
            }
288
            }
289
            
289
            
290
            .motcletaille6 {
290
            .motcletaille6 {
291
                font-size: 20px ;
291
                font-size: 20px ;
292
                color: #9999FF; 
292
                color: #9999FF; 
293
            }
293
            }
294
            
294
            
295
            .motcletaille7 {
295
            .motcletaille7 {
296
                font-size: 22px ; 
296
                font-size: 22px ; 
297
                color: #CCCCCC;
297
                color: #CCCCCC;
298
            }
298
            }
299
            
299
            
300
            .motcletaille8 {
300
            .motcletaille8 {
301
                font-size: 24px ;
301
                font-size: 24px ;
302
                color: #999999; 
302
                color: #999999; 
303
            }
303
            }
304
            
304
            
305
            .motcletaille9 {
305
            .motcletaille9 {
306
                font-size: 26px ; 
306
                font-size: 26px ; 
307
                color: #0000FF;
307
                color: #0000FF;
308
            }
308
            }
309
            
309
            
310
            .motcletaille10 {
310
            .motcletaille10 {
311
                font-size: 28px ; 
311
                font-size: 28px ; 
312
                color: #333333;
312
                color: #333333;
313
            }
313
            }
314
            
314
            
315
            .saisie_invalide_invisible {
315
            .saisie_invalide_invisible {
316
                display: none;
316
                display: none;
317
            }
317
            }
318
            
318
            
319
            .saisie_invalide {
319
            .saisie_invalide {
320
                display: block ;
320
                display: block ;
321
                font-size: 12px ;
321
                font-size: 12px ;
322
                color: #FF0000;
322
                color: #FF0000;
323
                text-align: center;  
323
                text-align: center;  
324
            }
324
            }
325
            
325
            
326
            #lien_carto {
326
            #lien_carto {
327
            	padding-left: 2px;
327
            	padding-left: 2px;
328
            	text-align: left;
328
            	text-align: left;
329
            }
329
            }
330
            
330
            
331
            #lien_coord {
331
            #lien_coord {
332
           		padding-left: 0px; 
332
           		padding-left: 0px; 
333
            }
333
            }
334
            
334
            
335
            .lien_actif {
335
            .lien_actif {
336
				text-align: center ;
336
				text-align: center ;
337
       			cursor:pointer;
337
       			cursor:pointer;
338
       			color: #0033CC;
338
       			color: #0033CC;
339
            	text-decoration: underline;
339
            	text-decoration: underline;
340
            }
340
            }
341
            
341
            
342
            .lien_decale {
342
            .lien_decale {
343
            	padding-left: 10px;
343
            	padding-left: 10px;
344
            }
344
            }
345
            
345
            
346
            .conteneur_selection_commune {
346
            .conteneur_selection_commune {
347
            	padding-left: 10px;
347
            	padding-left: 10px;
348
            	text-decoration: none;
348
            	text-decoration: none;
349
            }
349
            }
350
            
350
            
351
            #lien_selection_commune {
351
            #lien_selection_commune {
352
            	color: #0033CC;
352
            	color: #0033CC;
353
            	text-decoration: underline; 
353
            	text-decoration: underline; 
354
            	padding-left: 100px;
354
            	padding-left: 100px;
355
            }
355
            }
356
            
356
            
357
            .lien_sel {
357
            .lien_sel {
358
            	border: dotted 1px black;
358
            	border: dotted 1px black;
359
            }
359
            }
360
            
360
            
361
            
361
            
362
            
362
            
363
            .x-tree-node-icon-kw {
363
            .x-tree-node-icon-kw {
364
            	background-image:url("checked.png") ;
364
            	background-image:url("checked.png") ;
365
            	background-position:center center;
365
            	background-position:center center;
366
				background-repeat:no-repeat;
366
				background-repeat:no-repeat;
367
				border:0 none;
367
				border:0 none;
368
				height:18px;
368
				height:18px;
369
				margin:0;
369
				margin:0;
370
				padding:0;
370
				padding:0;
371
				vertical-align:top;
371
				vertical-align:top;
372
				width:16px;	
372
				width:16px;	
373
            }
373
            }
374
            
374
            
375
            .x-tree-node a span.x-tree-node-text-norm {
375
            .x-tree-node a span.x-tree-node-text-norm {
376
				
376
				
377
            }
377
            }
378
            
378
            
379
            .x-tree-node a span.x-tree-node-text-kw {
379
            .x-tree-node a span.x-tree-node-text-kw {
380
				color:#008000;
380
				color:#008000;
381
				font-weight: bold;
381
				font-weight: bold;
382
				font-size: 1.1em;
382
				font-size: 1.1em;
383
				font-style:italic;
383
				font-style:italic;
384
            }
384
            }
385
            
385
            
386
            .x-dd-drop-unlink .x-dd-drop-icon{
386
            .x-dd-drop-unlink .x-dd-drop-icon{
387
            	background-image:url("delier.png");
387
            	background-image:url("delier.png");
388
            }
388
            }
-
 
389
            
-
 
390
            #infos_taxon {
-
 
391
             	margin-top: 5px;
-
 
392
      			vertical-align: middle !important;
-
 
393
            	margin-left: auto; 
-
 
394
				margin-right: auto; 
-
 
395
				text-align: center;
-
 
396
            }
-
 
397
            
-
 
398
            .texte_info_taxon {
-
 
399
            	font-weight: bold;
-
 
400
				font-size: 1.1em;
-
 
401
				font-style:italic;
-
 
402
            }
389
            
403