Subversion Repositories eFlore/Applications.cel

Rev

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

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