Subversion Repositories eFlore/Applications.cel

Rev

Rev 1562 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
1537 jpm 1 
@CHARSET "UTF-8";
2 
/*+--------------------------------------------------------------------------------------------------------+*/
3 
/* Polices d'écriture*/
4 
@font-face {
5 
	font-family: florileges;
6 
	src: url(fonts/caflisch_scriptw_web.ttf) format('ttf'),
7 
		url(fonts/caflisch_scriptw_web.woff) format('woff');
8 
}
9 
 
10 
/*+--------------------------------------------------------------------------------------------------------+*/
11 
/* Balises */
12 
body {
13 
	background: url("../img/background/noise.png") repeat scroll 0 0, none repeat scroll 0 0 #524C47;
14 
}
15 
footer p{
16 
	color:white;
17 
	text-align:center;
18 
}
19 
button img {
20 
	display:block;
21 
}
22 
h1, h2 {
23 
	font-size: 40px;
24 
	font-family:florileges;
1540 jpm 25 
	font-weight: normal;
1537 jpm 26 
}
27 
/*+--------------------------------------------------------------------------------------------------------+*/
28 
/* Générique */
29 
.discretion {
30 
	color:white;
31 
	font-family:arial;
32 
	font-size:11px;
33 
	line-height: 13px;
34 
}
35 
.droite {
36 
	text-align:right;
37 
}
38 
.centre {
39 
	text-align:center;
40 
}
41 
.modal-fenetre {
42 
	position:fixed;
43 
	z-index:1000;
44 
	top:0;
45 
	left:0;
46 
	height:100%;
47 
	width:100%;
48 
	background:#777;
49 
	background:rgba(90,86,93,0.7);
50 
	text-align:center;
51 
}
52 
.modal-contenu {
53 
	position:relative;
54 
	width:30%;
55 
	margin:0 auto;
56 
	top:30%;
57 
}
1540 jpm 58 
.nom-sci {
59 
	font-style: italic;
1537 jpm 60 
}
61 
/*+--------------------------------------------------------------------------------------------------------+*/
62 
/* Gestion des photos */
1562 jpm 63 
 
64 
/* Form d'ajout des photos */
65 
#form-upload .miniature {
1537 jpm 66 
	float: left;
67 
	height: 130px;
1562 jpm 68 
	margin: 5px;
1537 jpm 69 
}
1562 jpm 70 
#form-upload .miniature-img {
71 
	display: block;
1537 jpm 72 
	height: 100px;
73 
}
1562 jpm 74 
#form-upload .miniature-chargement {
1537 jpm 75 
	height:100px;
76 
	width: 100px;
77 
}
1562 jpm 78 
 
79 
/* Bouton de sélection des fichiers */
80 
#fichier {
1537 jpm 81 
	visibility: hidden;
1562 jpm 82 
	height:0;
83 
	width:0;
1537 jpm 84 
}
85 
#photos-conteneur {
86 
	height: 120px;
87 
}
88 
#photo-placeholder {
89 
	background: url("../img/icones/icone-photo.png");
90 
	background-size: 89px;
91 
	cursor: pointer;
92 
	margin-bottom: 15px;
93 
	margin-right: 15px;
94 
	float:left;
95 
	border: 5px dashed #CCCCCC;
96 
	border-radius: 8px 8px 8px 8px;
97 
	height: 100px;
98 
	margin: 2px 0 2px 2px;
99 
	text-align: center;
100 
	width: 98px;
101 
	box-sizing:border-box;
102 
	-moz-box-sizing:border-box;
103 
	-webkit-box-sizing:border-box;
104 
}
105 
#photo-placeholder:hover {
106 
	background: url("../img/icones/icone-photo-hover.png");
107 
	background-size: 89px;
108 
	border: 5px dashed #111;
109 
	border-radius: 8px;
110 
}
111 
 
1562 jpm 112 
/* Images d'une observation */
113 
.obs .obs-miniatures {
114 
	min-width: 150px;
115 
	margin-right: 5px;
1564 jpm 116 
	background-color:#524C47;
117 
	padding: 4px 0;
1562 jpm 118 
}
119 
.obs .miniature {
120 
	display: block;
121 
	height: 100px;
122 
	margin: 0 auto;
123 
}
124 
.defilement {
125 
	position: relative;
126 
	padding: 8px 0;
127 
}
128 
.defilement-control-zone {
129 
	display: block;
130 
	position: absolute;
131 
    top: 0;
132 
	width: 50%;
133 
	height: 116px;
134 
}
135 
.defilement-control-zone.gauche{
136 
	left: 0;
137 
}
138 
.defilement-control-zone.droite {
139 
	right: 0;
140 
}
141 
.defilement-control {
142 
    display: block;
143 
    position: absolute;
144 
    top: 35%;
145 
    width:20px;
146 
    height: 20px;
147 
    line-height: 20px;
148 
    font-size: 17px;
149 
    font-weight: 100;
150 
    text-align: center;
1564 jpm 151 
    vertical-align: middle;
1562 jpm 152 
    border: 3px solid white;
153 
    border-radius: 20px;
154 
	color: white;
155 
    opacity: 1;
156 
	background: none repeat scroll 0 0 #524C47;
157 
}
158 
.defilement-control.gauche {
159 
	left: 3%;
160 
}
161 
.defilement-control.droite {
162 
	right: 3%;
163 
}
164 
 
165 
.defilement-miniatures-cache {
166 
	visibility: hidden;
167 
}
168 
.obs .miniature-cachee {
169 
	display: none;
170 
}
171 
 
172 
.defilement-indicateurs {
173 
    list-style: none outside none;
174 
    margin: 0;
175 
    position: absolute;
176 
    left: 0;
177 
    bottom: 2px;
178 
    z-index: 5;
179 
}
180 
.defilement-indicateurs li {
181 
    background-color: rgba(255, 255, 255, 0.25);
182 
    border-radius: 2px;
183 
    border: 1px solid lightgrey;
184 
    display: block;
185 
    float: left;
186 
    height: 4px;
187 
    margin-left: 2px;
188 
    text-indent: -999px;
189 
    width: 4px;
190 
}
191 
.defilement-indicateurs .active {
192 
	background-color: #FFFFFF;
193 
}
194 
 
1537 jpm 195 
/*+--------------------------------------------------------------------------------------------------------+*/
196 
/* Correction style CSS Bootstrap */
197 
.well {
198 
	margin-bottom: 5px;
199 
	padding: 4px;
200 
	background: url("../img/background/noise.png") repeat scroll 0 0 white;
201 
}
1540 jpm 202 
@media (min-width: 575px) and (max-width: 767px){
203 
	.forcer-colonne [class*="span"] {
204 
		float: left;
205 
		margin-left: 2.12766%;
206 
	}
207 
	.forcer-colonne .span4 {
208 
		width: 31.6239%;
209 
	}
210 
	.forcer-colonne .span6 {
211 
		width: 48.9362%;
212 
	}
213 
	.forcer-colonne .span8 {
214 
		width: 65.9574%;
215 
	}
216 
}
1560 jpm 217 
@media (min-width: 1600px) {
218 
	.container {
219 
		width: 1580px;
220 
	}
221 
}
1537 jpm 222 
/*+--------------------------------------------------------------------------------------------------------+*/
223 
/* Spécifique Florilèges */
1564 jpm 224 
.entete .intro {
1537 jpm 225 
	background: url("../img/background/noise.png") repeat scroll 0 0, radial-gradient(ellipse farthest-corner at center center , #A1C886 0%, #689E4B 100%) repeat scroll 0 0 transparent;
226 
	color: white;
227 
	padding:5px;
228 
}
1564 jpm 229 
.entete .intro a {
1537 jpm 230 
	color: #524C47;
231 
}
232 
 
233 
/* Géolocalisation */
234 
#map-canvas {
235 
	height: 240px;
1540 jpm 236 
	margin-bottom:5px;
1537 jpm 237 
}
238 
.coordonnees-geo, .lat-lon-info {
239 
	font-size: 10px;
240 
}
1540 jpm 241 
#info-commune {
242 
	text-align:right;
243 
	font-size:10px;
244 
}
245 
.afficher-coord {
246 
	font-size:10px;
247 
}
1537 jpm 248 
 
249 
/* Observations */
250 
#obs-titre {
251 
	margin-right: 20px;
252 
}
253 
#form-date {
254 
	margin: 10px 0;
255 
	line-height: 40px;
256 
}
1540 jpm 257 
.ns-retenu {
258 
	font-weight:bold;
259 
}
260 
.nn{
261 
	color:#3B9D3B;
262 
}
263 
.obs .nom-sci{
264 
	font-size:1.5em;
265 
	font-weight:bold;
266 
}
267 
.commune, .date{
268 
	font-size:1.3em;
269 
	font-weight:bold;
270 
}
271 
.obs-action{
272 
	opacity:1;
273 
}
1537 jpm 274 
 
1540 jpm 275 
/* Validation du formulaire */
276 
label.valid {
277 
	display: inline-block;
278 
	text-indent: -9999px;
279 
	color: #468847;
280 
}
281 
label.error {
282 
	font-weight: bold;
1562 jpm 283 
	font-style:italic;
1540 jpm 284 
	color: #B94A48;
1560 jpm 285 
	padding: 0 8px;
1540 jpm 286 
}
1562 jpm 287 
.control-group.error label {
288 
	font-weight: bold;
289 
}
1560 jpm 290 
.error .horizontal-slider{
291 
	background: #B94A48;
292 
}
293 
.slider-holder + select + label.error {
294 
	clear: both;
295 
}
296 
#form-date .input-prepend input {
297 
	vertical-align:top;
298 
}
299 
#form-date .input-prepend  input + label.error {
300 
	display: block;
301 
}
1540 jpm 302 
/*+--------------------------------------------------------------------------------------------------------+*/
1537 jpm 303 
/* SLIDERs */
304 
.slider-on {
1562 jpm 305 
	display:none;
1537 jpm 306 
}
307 
.slider-holder {
1560 jpm 308 
	height: 25px;
1537 jpm 309 
	margin-left: -20px;
310 
	margin-right: 20px;
311 
	padding-left: 40px;
312 
	padding-top: 30px;
313 
}
314 
.ui-widget-header {
315 
	background: url("../img/background/noise.png") #A1C886;
316 
}
317 
.horizontal-slider {
318 
	margin: 0 3%;
319 
	height: 9px !important;
320 
	width: 90%;
321 
}
322 
.horizontal-slider.ui-slider-horizontal .ui-slider-range-min {
323 
	border-radius: 5px 0 0 5px;
324 
}
325 
.slider-holder p {
326 
	float: left;
327 
	font-size: 10px;
328 
	text-align: center;
329 
	top: 10px;
330 
}
331 
.slider-holder p + p {
332 
	line-height: 1.5em;
333 
}
334 
.slider-holder .slider-legend {
335 
	margin: 0 3%;
336 
}
337 
.slider-holder .slider-legend p {
1560 jpm 338 
	padding-top: 5px;
1537 jpm 339 
	overflow: hidden;
1560 jpm 340 
	word-wrap: break-word;
1537 jpm 341 
}
342 
.horizontal-slider a.ui-slider-handle {
343 
	background: url("../img/icones/selecteur.png") no-repeat scroll 23px 20px transparent;
344 
	border: medium none;
345 
	border-radius: 0;
346 
	display: block;
347 
	font-size: 14px;
348 
	font-weight: bold;
349 
	height: 60px;
350 
	margin: 5px 5px 5px -35px;
351 
	padding: 0;
352 
	position: relative;
353 
	text-align: center;
354 
	text-decoration: none;
355 
	top: -40px;
356 
	width: 70px;
357 
	white-space: nowrap;
358 
}
359 
.ui-slider .ui-slider-handle {
360 
	font-size: 12px;
1540 jpm 361 
}
362 
.ui-datepicker {
363 
	z-index: 2;
1537 jpm 364 
}