Subversion Repositories eFlore/Applications.cel

Rev

Rev 2866 | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 2866 Rev 2904
Line 10... Line 10...
10
 
10
 
11
h1 {
11
h1 {
12
	font-size: 26px;
12
	font-size: 26px;
Line -... Line 13...
-
 
13
}
-
 
14
 
-
 
15
h2 {
-
 
16
	margin-top: 10px;;
-
 
17
}
-
 
18
 
-
 
19
strong {
-
 
20
	font-size: 14px;
13
}
21
}
14
 
22
 
15
/*+-------------------------------+*/
23
/*+-------------------------------+*/
16
/*+ Media query test pour les écrans HD genre MacBook de Daniel +*/
24
/*+ Media query test pour les écrans HD genre MacBook de Daniel +*/
Line 186... Line 194...
186
	display: inline;
194
	display: inline;
187
}
195
}
Line 188... Line 196...
188
 
196
 
189
#logo-titre {
197
#logo-titre {
190
	position: relative;
-
 
191
    top: -8px;
198
	position: relative;
Line 192... Line 199...
192
}
199
}
193
 
200
 
194
#photos-conteneur {
201
#photos-conteneur {
Line 238... Line 245...
238
.well {
245
.well {
239
	margin-bottom: 5px;
246
	margin-bottom: 5px;
240
	padding: 4px;
247
	padding: 4px;
241
}
248
}
Line -... Line 249...
-
 
249
 
-
 
250
.page-header {
-
 
251
	text-align: justify;
-
 
252
	text-align: center;
-
 
253
}
242
 
254
 
243
/* Supression de l'espace (à l'arrache) */
255
/* Supression de l'espace (à l'arrache) */
244
#taxon-liste,
256
#taxon-liste,
245
#courriel,
257
#taxon,
246
#identification-liste,
258
#identification-liste,
-
 
259
#abondance-liste,
-
 
260
#courriel
247
#abondance-liste {
261
{
248
	margin-left: -4px;
262
	margin-left: -4px;
Line -... Line 263...
-
 
263
}
-
 
264
 
-
 
265
#titre-projet {
-
 
266
	float: left;
-
 
267
	margin-top: 20px;
-
 
268
	font-size: 20px;
-
 
269
}
-
 
270
 
-
 
271
#logo-titre {
-
 
272
	padding-top: 10px;
-
 
273
	margin-left: 0px;
-
 
274
}
-
 
275
 
-
 
276
#logo-messicoles {
-
 
277
	height: 42px;
-
 
278
	float: right;
-
 
279
	padding-top: 10px;
-
 
280
}
-
 
281
 
-
 
282
 
-
 
283
 
-
 
284
 
-
 
285
/* Media Queries */
-
 
286
@media (max-width: 500px) {
-
 
287
	.texte-infobulle,
-
 
288
	.image-infobulle {
-
 
289
		max-width: 200px;
-
 
290
		text-align: justify;
-
 
291
	}
-
 
292
	.image-verticale-infobulle {
-
 
293
		max-width: 100px;
-
 
294
		float: right;
-
 
295
	}
-
 
296
	#bord1 {
-
 
297
		max-width: 200px;
-
 
298
	}
-
 
299
}
-
 
300
@media (min-width: 501px) {
-
 
301
	.texte-infobulle,
-
 
302
	.image-infobulle {
-
 
303
		max-width: 400px;
-
 
304
		text-align: justify;
-
 
305
	}
-
 
306
	.image-verticale-infobulle {
-
 
307
		max-width: 170px;
-
 
308
		float: right;
-
 
309
	}
-
 
310
	#bord1 {
-
 
311
		max-width: 230px;
-
 
312
	}
-
 
313
}
-
 
314