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