Subversion Repositories eFlore/Applications.cel

Rev

Go to most recent revision | Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
1054 jpm 1
@CHARSET "UTF-8";
1922 jpm 2
/*+--------------------------------------------------------------------------------------------------------+*/
3
/* Balises */
1054 jpm 4
body {
1954 jpm 5
	font-family: Arial;
6
	font-size: 12px;
1054 jpm 7
}
1954 jpm 8
 
1054 jpm 9
h1 {
1954 jpm 10
	font-size: 1.6em;
1054 jpm 11
}
1954 jpm 12
 
1054 jpm 13
h2 {
1954 jpm 14
	font-size: 1.4em;
15
	text-transform: uppercase;
16
	letter-spacing: 0.3em;
17
	padding: 5px 10px;
18
	background: #A1CA10;
19
	margin-bottom: 0;
20
	margin-left: 2px;
1054 jpm 21
	-webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;
1954 jpm 22
	line-height: 2em;
1054 jpm 23
}
1946 jpm 24
 
25
a {
1954 jpm 26
	font-weight: bold;
1054 jpm 27
}
28
 
29
/*+--------------------------------------------------------------------------------------------------------+*/
30
/* Générique */
1346 aurelien 31
.discretion {
1954 jpm 32
	color: grey;
33
	font-family: arial;
34
	font-size: 11px;
1346 aurelien 35
}
1946 jpm 36
.nom-sci {
1954 jpm 37
	font-style: italic;
1946 jpm 38
}
1054 jpm 39
/*+--------------------------------------------------------------------------------------------------------+*/
1346 aurelien 40
/* Positionnement général */
41
#zone-appli {
1954 jpm 42
	margin: 0 auto;
43
	width: 600px;
1346 aurelien 44
}
45
 
46
/*+--------------------------------------------------------------------------------------------------------+*/
1054 jpm 47
/* Formulaire générique */
1946 jpm 48
legend {
1954 jpm 49
	color: #000000;
50
	font-size: 1.2em;
51
	letter-spacing: 0.2em;
52
	padding: 5px 10px;
53
	text-transform: uppercase;
54
	line-height: 1.2em;
55
	margin: 2px 2px 0;
56
	width: inherit;
1946 jpm 57
}
1954 jpm 58
 
1054 jpm 59
fieldset {
1954 jpm 60
	background-color: #A1CA10;
61
	padding: 5px;
1054 jpm 62
}
1922 jpm 63
 
64
/* Validation du formulaire */
65
label.error {
1954 jpm 66
	display: block;
67
	float: none;
68
	color: red;
69
	width: 100%;
1054 jpm 70
}
1954 jpm 71
 
1922 jpm 72
label.error.valid {
73
	text-indent: -9999px;
74
	color: #468847;
1954 jpm 75
	float: none;
76
	width: 0;
77
	height: 0;
1922 jpm 78
}
1054 jpm 79
 
1922 jpm 80
/*-------------------------------------------------------*/
81
/* Formulaire observateur */
1946 jpm 82
#titre-form-observateur {
1954 jpm 83
	width: 250px;
1946 jpm 84
}
1954 jpm 85
 
1946 jpm 86
#zone-identification {
1954 jpm 87
	margin-left: 2px;
1946 jpm 88
}
1954 jpm 89
 
90
#partie-identification {
91
	background: #A1CA10;
1946 jpm 92
	-webkit-border-radius: 0 10px 10px 10px;-moz-border-radius: 0 10px 10px 10px;border-radius: 0 10px 10px 10px;
1922 jpm 93
}
94
 
1054 jpm 95
/*+--------------------------------------------------------------------------------------------------------+*/
1922 jpm 96
/* Formulaire obs */
1954 jpm 97
#titre-form-obs {
98
	width: 250px;
1946 jpm 99
}
1954 jpm 100
 
101
#zone-fiche-terrain,
102
#zone-fiche-terrain-photo {
103
	background: #A1CA10;
104
	width: 600px;
105
	margin-left: 2px;
106
	padding-bottom: 10px;
1054 jpm 107
}
1954 jpm 108
 
109
#zone-fiche-terrain {
1054 jpm 110
	-webkit-border-radius: 0 10px 0 0;-moz-border-radius: 0 10px 0 0;border-radius: 0 10px 0 0;
111
}
1954 jpm 112
 
113
#zone-fiche-terrain-photo {
1054 jpm 114
	-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px;
1954 jpm 115
	margin-top: -20px;
1054 jpm 116
}
1954 jpm 117
 
118
#partie-station,
119
#partie-observation,
120
#partie-photo,
121
#partie-date {
122
	margin: 0 10px 10px;
123
	background: #E5E5E5;
1054 jpm 124
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
125
}
1954 jpm 126
 
127
#partie-station legend,
128
#partie-observation legend,
129
#partie-photo legend,
130
#partie-date legend{
131
	background: #E5E5E5;
1054 jpm 132
	-webkit-border-radius: 10px 10px 0 0 ;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;
133
}
1922 jpm 134
 
1946 jpm 135
/* Liste des taxons */
136
#taxon-liste optgroup + optgroup {
137
	border-top: 1px solid black;
138
}
139
 
1054 jpm 140
/*-------------------------------------------------------*/
1922 jpm 141
/* Géolocalisation */
142
#map-canvas {
1954 jpm 143
	height: 280px;
144
	margin-bottom: 5px;
1054 jpm 145
}
1954 jpm 146
 
1946 jpm 147
#map-canvas img {
1954 jpm 148
	max-width: none;
1946 jpm 149
}
1954 jpm 150
 
1922 jpm 151
.coordonnees-geo, .lat-lon-info {
1954 jpm 152
	font-size: 10px;
1054 jpm 153
}
1954 jpm 154
 
1922 jpm 155
#info-commune {
1954 jpm 156
	text-align: right;
157
	font-size: 10px;
1054 jpm 158
}
1954 jpm 159
 
1922 jpm 160
.afficher-coord {
1954 jpm 161
	font-size: 10px;
1054 jpm 162
}
1954 jpm 163
 
1922 jpm 164
.indication_geolocalisation {
1954 jpm 165
	color: #118811;
166
	font-style: italic;
167
	font-weight: bold;
168
	font-weight: 0.9em;
1054 jpm 169
}
1922 jpm 170
 
171
/*+--------------------------------------------------------------------------------------------------------+*/
172
/* Gestion des photos */
173
 
174
/* Form d'ajout des photos */
175
#form-upload .miniature {
176
	float: left;
177
	height: 130px;
178
	margin: 5px;
1054 jpm 179
}
1954 jpm 180
 
1922 jpm 181
#form-upload .miniature-img {
182
	display: block;
183
	height: 100px;
1054 jpm 184
}
1954 jpm 185
 
1922 jpm 186
#form-upload .miniature-chargement {
1954 jpm 187
	height: 100px;
1922 jpm 188
	width: 100px;
1054 jpm 189
}
1922 jpm 190
 
191
#photos-conteneur {
192
	height: 120px;
1054 jpm 193
}
1922 jpm 194
 
195
/* Images d'une observation */
196
.obs .obs-miniatures {
197
	min-width: 150px;
198
	margin-right: 5px;
1954 jpm 199
	background-color: #524C47;
1922 jpm 200
	padding: 4px 0;
1054 jpm 201
}
1954 jpm 202
 
1922 jpm 203
.obs .miniature {
204
	display: block;
205
	height: 100px;
206
	margin: 0 auto;
1054 jpm 207
}
1954 jpm 208
 
1922 jpm 209
.defilement {
210
	position: relative;
211
	padding: 8px 0;
1054 jpm 212
}
1954 jpm 213
 
1922 jpm 214
.defilement-control-zone {
215
	display: block;
1954 jpm 216
	z-index: 2;
1922 jpm 217
	position: absolute;
218
	top: 0;
219
	width: 50%;
220
	height: 116px;
1054 jpm 221
}
1954 jpm 222
 
223
.defilement-control-zone.gauche {
1922 jpm 224
	left: 0;
1054 jpm 225
}
1954 jpm 226
 
1922 jpm 227
.defilement-control-zone.droite {
228
	right: 0;
1346 aurelien 229
}
1954 jpm 230
 
1922 jpm 231
.defilement-control {
232
	display: block;
233
	position: absolute;
234
	top: 35%;
1954 jpm 235
	width: 20px;
1922 jpm 236
	height: 20px;
237
	line-height: 20px;
238
	font-size: 17px;
239
	font-weight: 100;
240
	text-align: center;
241
	vertical-align: middle;
242
	border: 3px solid white;
243
	border-radius: 20px;
244
	color: white;
245
	opacity: 1;
246
	background: none repeat scroll 0 0 #524C47;
1346 aurelien 247
}
1954 jpm 248
 
1922 jpm 249
.defilement-control.gauche {
250
	left: 3%;
1346 aurelien 251
}
1954 jpm 252
 
1922 jpm 253
.defilement-control.droite {
254
	right: 3%;
1054 jpm 255
}
1922 jpm 256
 
257
.defilement-miniatures-cache {
258
	visibility: hidden;
1054 jpm 259
}
1954 jpm 260
 
1922 jpm 261
.obs .miniature-cachee {
262
	display: none;
1346 aurelien 263
}
1922 jpm 264
 
265
.defilement-indicateurs {
1954 jpm 266
	list-style: none outside none;
267
	margin: 0;
268
	position: absolute;
269
	left: 0;
270
	bottom: 2px;
271
	z-index: 5;
1346 aurelien 272
}
1954 jpm 273
 
1922 jpm 274
.defilement-indicateurs li {
1954 jpm 275
	background-color: rgba(255, 255, 255, 0.25);
276
	border-radius: 2px;
277
	border: 1px solid lightgrey;
278
	display: block;
279
	float: left;
280
	height: 4px;
281
	margin-left: 2px;
282
	text-indent: -999px;
283
	width: 4px;
1346 aurelien 284
}
1954 jpm 285
 
1922 jpm 286
.defilement-indicateurs .active {
287
	background-color: #FFFFFF;
1346 aurelien 288
}
1922 jpm 289
 
290
/*-------------------------------------------------------*/
291
/* Observations */
1954 jpm 292
#titre-liste-obs {
293
	margin-top: 0;
294
	padding-top: 0;
1946 jpm 295
}
1954 jpm 296
 
297
#zone-liste-obs {
298
	background-color: #A1CA10;
299
	padding: 5px;
1946 jpm 300
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
301
}
1954 jpm 302
 
303
#zone-liste-obs .well {
304
	background-color: #A1CA10;
305
	margin: 0 5px 5px 5px;
1946 jpm 306
}
1954 jpm 307
 
1946 jpm 308
#liste-obs .well{
1954 jpm 309
	background-color: #E0DFDE;
1946 jpm 310
}
1954 jpm 311
 
1922 jpm 312
#obs-titre {
313
	margin-right: 20px;
1346 aurelien 314
}
1954 jpm 315
 
1922 jpm 316
#form-date {
317
	margin: 10px 0;
318
	line-height: 40px;
1054 jpm 319
}
1954 jpm 320
 
1922 jpm 321
.ns-retenu {
1954 jpm 322
	font-weight: bold;
1054 jpm 323
}
1954 jpm 324
 
325
.nn {
326
	color: #3B9D3B;
1346 aurelien 327
}
1954 jpm 328
 
329
.obs .nom-sci {
1922 jpm 330
	font-size:1.5em;
331
	font-weight:bold;
1346 aurelien 332
}
1954 jpm 333
 
334
.commune,
335
.date {
336
	font-size: 1.3em;
337
	font-weight: bold;
1346 aurelien 338
}
1954 jpm 339
 
340
.obs-action {
341
	opacity: 1;
1346 aurelien 342
}
1922 jpm 343
 
1954 jpm 344
#ajouter-obs {
345
	margin-left: 407px;
346
	font-size: 20px;
347
	background: #181;
348
	color: #FFF;
349
	width: 137px;
350
}
1946 jpm 351
 
1954 jpm 352
#transmettre-obs {
353
	font-size: 20px;
354
	background: #811;
355
	color: #FFF;
1054 jpm 356
}
1922 jpm 357
 
1054 jpm 358
/*-------------------------------------------------------*/
359
/* Autocomplete */
1346 aurelien 360
.valeur-defaut-recherche {
1954 jpm 361
	color: #848484;
362
	font-style: italic;
363
	font-weight: 0.9em;
1346 aurelien 364
}