Subversion Repositories eFlore/Applications.cel

Rev

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

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