Subversion Repositories eFlore/Applications.cel

Rev

Rev 2866 | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
2850 aurel 1
@CHARSET "UTF-8";
2
/*+--------------------------------------------------------------------------------------------------------+*/
3
/* Balises */
4
footer p{
5
	text-align:center;
6
}
7
button img {
8
	display:block;
9
}
10
 
11
h1 {
12
	font-size: 26px;
13
}
14
 
2904 aurel 15
h2 {
16
	margin-top: 10px;;
17
}
18
 
19
strong {
20
	font-size: 14px;
21
}
22
 
2850 aurel 23
/*+-------------------------------+*/
24
/*+ Media query test pour les écrans HD genre MacBook de Daniel +*/
25
@media  only screen and (min-device-pixel-ratio: 2),
26
        only screen and (min-resolution: 192dpi) {
27
 
28
	.container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
29
		width: 1670px;
30
	}
31
}
32
 
33
/*+--------------------------------------------------------------------------------------------------------+*/
34
/* Générique */
2856 aurel 35
html {
2850 aurel 36
	background-color: black;
37
}
38
.discretion {
39
	color:grey;
40
	font-family:arial;
41
	font-size:11px;
42
	line-height: 13px;
43
}
2856 aurel 44
 
2850 aurel 45
.droite {
46
	text-align:right;
47
}
48
.centre {
49
	text-align:center;
50
}
2865 aurel 51
.pointer {
52
	cursor: pointer;
53
}
2850 aurel 54
.modal-fenetre {
55
	position:fixed;
56
	z-index:1000;
57
	top:0;
58
	left:0;
59
	height:100%;
60
	width:100%;
61
	background:#777;
62
	background:rgba(90,86,93,0.7);
63
	text-align:center;
64
}
65
.modal-contenu {
66
	position:relative;
67
	width:30%;
68
	margin:0 auto;
69
	top:30%;
70
}
71
input#taxon {
72
	width: 300px;
73
}
2857 aurel 74
 
2850 aurel 75
/* jQuery.validate dans ses versions récentes ne semble pas ajouter la classe help-inline
76
	aux messages d'erreur */
77
.control-group .error {
78
	color: #b94a48;
79
	display: inline-block;
80
	padding-left: 5px;
81
	vertical-align: middle;
82
}
83
 
2856 aurel 84
/*
85
.control-group.success label,
86
.control-group.success input,
87
.control-group.success select,
88
.control-group.success textarea {
89
    color: inherit;
90
}
91
*/
2850 aurel 92
 
2856 aurel 93
/** @WARNING Attention aux effets de bord !! Essayer de faire mieux !! */
94
.popover-content {
95
	border: 1px solid #ddd;
96
}
97
.popover-html-content {
98
	display: none;
99
}
100
h3.popover-title {
101
	display: none;
102
}
103
 
104
 
2850 aurel 105
/*+--------------------------------------------------------------------------------------------------------+*/
106
/* Formulaire spécifique */
107
#map-canvas {
108
	height:440px;
109
}
110
#info-commune {
111
	text-align:right;
112
}
113
.ns-retenu {
114
	font-weight:bold;
115
}
116
.nn{
2856 aurel 117
	color:inherit;
2850 aurel 118
}
119
.nom-sci{
2856 aurel 120
	font-size:inherit;
121
	font-style:italic;
122
	font-weight:none;
2850 aurel 123
}
124
.commune, .date{
125
	font-size:1.3em;
126
	font-weight:bold;
127
}
128
.obs-action{
129
	opacity:1;
130
}
131
 
132
#miniatures {
133
    padding-top: 5px;
134
}
135
 
136
.miniature {
137
    float: left;
138
    height: 130px;
139
    padding-left: 15px;
140
    padding-right: 15px;
141
    background-repeat: no-repeat;
142
    background-size: cover;
143
}
144
 
145
.miniature-img {
146
	height: 100px;
147
}
148
 
149
.miniature img {
150
	display: block;
151
}
152
 
153
.miniature-chargement {
154
	height:100px;
155
	width: 100px;
156
}
157
 
158
.defilement-miniatures-gauche, .defilement-miniatures-droite {
159
    float: left;
160
    font-size: 1.2em;
161
    font-weight: bold;
162
    height: 62px;
163
    margin: 5px;
164
    padding-top: 30px;
165
    width: 12px;
166
}
167
 
168
.defilement-miniatures {
169
   width: 210px;
170
}
171
 
172
.defilement-miniatures-cache {
173
	visibility: hidden;
174
}
175
 
176
.miniature-cachee {
177
	display: none;
178
}
179
 
180
.miniature-selectionnee {
181
	display: block;
182
	width: 90px;
183
}
184
 
185
.referentiel-obs {
186
	color:#3B9D3B;
187
}
2856 aurel 188
 
2857 aurel 189
.gras {
190
	font-weight: bold;
191
}
192
 
2850 aurel 193
#referentiel {
194
	display: inline;
195
}
196
 
197
#logo-titre {
198
	position: relative;
199
}
200
 
201
#photos-conteneur {
202
	height: 120px;
203
}
204
 
205
#photo-placeholder {
206
	background: url("../img/icones/icone-photo.png");
207
	background-size: 89px;
208
	cursor: pointer;
209
	margin-bottom: 15px;
210
	margin-right: 15px;
211
	float:left;
212
	border: 5px dashed #CCCCCC;
213
	border-radius: 8px 8px 8px 8px;
214
	height: 100px;
215
	margin: 2px 0 2px 2px;
216
	text-align: center;
217
	width: 98px;
218
	box-sizing:border-box;
219
	-moz-box-sizing:border-box;
220
	-webkit-box-sizing:border-box;
221
}
222
 
223
#photo-placeholder:hover {
224
	background: url("../img/icones/icone-photo-hover.png");
225
	background-size: 89px;
226
	border: 5px dashed #111;
227
	border-radius: 8px;
228
}
229
 
230
#barre-progression-upload span {
231
	color : #333333;
232
}
233
 
234
.obs-erreur {
235
	background-color: #DD6E6E;
236
}
237
 
2857 aurel 238
#taxon-option-autre {
239
	border-top:2px solid grey;
240
	font-weight:bold;
241
}
242
 
2850 aurel 243
/*+--------------------------------------------------------------------------------------------------------+*/
244
/* Correction style CSS Bootstrap */
245
.well {
246
	margin-bottom: 5px;
247
	padding: 4px;
248
}
2857 aurel 249
 
2904 aurel 250
.page-header {
251
	text-align: justify;
252
	text-align: center;
253
}
254
 
2857 aurel 255
/* Supression de l'espace (à l'arrache) */
256
#taxon-liste,
2904 aurel 257
#taxon,
2866 aurel 258
#identification-liste,
2904 aurel 259
#abondance-liste,
260
#courriel
261
{
2857 aurel 262
	margin-left: -4px;
263
}
264
 
2904 aurel 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
 
315
select{width: 90%;}
316