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