Subversion Repositories eFlore/Applications.cel

Rev

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