Subversion Repositories eFlore/Applications.cel

Rev

Rev 1922 | 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 
 
1537 jpm 79 
#photos-conteneur {
80 
	height: 120px;
81 
}
82 
 
1562 jpm 83 
/* Images d'une observation */
84 
.obs .obs-miniatures {
85 
	min-width: 150px;
86 
	margin-right: 5px;
1564 jpm 87 
	background-color:#524C47;
88 
	padding: 4px 0;
1562 jpm 89 
}
90 
.obs .miniature {
91 
	display: block;
92 
	height: 100px;
93 
	margin: 0 auto;
94 
}
95 
.defilement {
96 
	position: relative;
97 
	padding: 8px 0;
98 
}
99 
.defilement-control-zone {
100 
	display: block;
1577 jpm 101 
	z-index:2;
1562 jpm 102 
	position: absolute;
1577 jpm 103 
	top: 0;
1562 jpm 104 
	width: 50%;
105 
	height: 116px;
106 
}
107 
.defilement-control-zone.gauche{
108 
	left: 0;
109 
}
110 
.defilement-control-zone.droite {
111 
	right: 0;
112 
}
113 
.defilement-control {
1577 jpm 114 
	display: block;
115 
	position: absolute;
116 
	top: 35%;
117 
	width:20px;
118 
	height: 20px;
119 
	line-height: 20px;
120 
	font-size: 17px;
121 
	font-weight: 100;
122 
	text-align: center;
123 
	vertical-align: middle;
124 
	border: 3px solid white;
125 
	border-radius: 20px;
1562 jpm 126 
	color: white;
1577 jpm 127 
	opacity: 1;
1562 jpm 128 
	background: none repeat scroll 0 0 #524C47;
129 
}
130 
.defilement-control.gauche {
131 
	left: 3%;
132 
}
133 
.defilement-control.droite {
134 
	right: 3%;
135 
}
136 
 
137 
.defilement-miniatures-cache {
138 
	visibility: hidden;
139 
}
140 
.obs .miniature-cachee {
141 
	display: none;
142 
}
143 
 
144 
.defilement-indicateurs {
145 
    list-style: none outside none;
146 
    margin: 0;
147 
    position: absolute;
148 
    left: 0;
149 
    bottom: 2px;
150 
    z-index: 5;
151 
}
152 
.defilement-indicateurs li {
153 
    background-color: rgba(255, 255, 255, 0.25);
154 
    border-radius: 2px;
155 
    border: 1px solid lightgrey;
156 
    display: block;
157 
    float: left;
158 
    height: 4px;
159 
    margin-left: 2px;
160 
    text-indent: -999px;
161 
    width: 4px;
162 
}
163 
.defilement-indicateurs .active {
164 
	background-color: #FFFFFF;
165 
}
166 
 
1537 jpm 167 
/*+--------------------------------------------------------------------------------------------------------+*/
168 
/* Correction style CSS Bootstrap */
169 
.well {
170 
	margin-bottom: 5px;
171 
	padding: 4px;
172 
	background: url("../img/background/noise.png") repeat scroll 0 0 white;
173 
}
1540 jpm 174 
@media (min-width: 575px) and (max-width: 767px){
175 
	.forcer-colonne [class*="span"] {
176 
		float: left;
177 
		margin-left: 2.12766%;
178 
	}
179 
	.forcer-colonne .span4 {
180 
		width: 31.6239%;
181 
	}
182 
	.forcer-colonne .span6 {
183 
		width: 48.9362%;
184 
	}
185 
	.forcer-colonne .span8 {
186 
		width: 65.9574%;
187 
	}
188 
}
1560 jpm 189 
@media (min-width: 1600px) {
190 
	.container {
191 
		width: 1580px;
192 
	}
193 
}
1537 jpm 194 
/*+--------------------------------------------------------------------------------------------------------+*/
195 
/* Spécifique Florilèges */
1564 jpm 196 
.entete .intro {
1946 jpm 197 
	background-color:#689E4B;
198 
	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;
199 
	color:white;
1537 jpm 200 
	padding:5px;
201 
}
1564 jpm 202 
.entete .intro a {
1946 jpm 203 
	color:#524C47;
1537 jpm 204 
}
205 
 
206 
/* Géolocalisation */
207 
#map-canvas {
1946 jpm 208 
	height:280px;
1540 jpm 209 
	margin-bottom:5px;
1537 jpm 210 
}
1946 jpm 211 
#map-canvas img {
212 
	max-width:none;
213 
}
1537 jpm 214 
.coordonnees-geo, .lat-lon-info {
215 
	font-size: 10px;
216 
}
1540 jpm 217 
#info-commune {
218 
	text-align:right;
219 
	font-size:10px;
220 
}
221 
.afficher-coord {
222 
	font-size:10px;
223 
}
1537 jpm 224 
 
225 
/* Observations */
226 
#obs-titre {
227 
	margin-right: 20px;
228 
}
229 
#form-date {
230 
	margin: 10px 0;
231 
	line-height: 40px;
232 
}
1540 jpm 233 
.ns-retenu {
234 
	font-weight:bold;
235 
}
236 
.nn{
237 
	color:#3B9D3B;
238 
}
239 
.obs .nom-sci{
240 
	font-size:1.5em;
241 
	font-weight:bold;
242 
}
243 
.commune, .date{
244 
	font-size:1.3em;
245 
	font-weight:bold;
246 
}
247 
.obs-action{
248 
	opacity:1;
249 
}
1537 jpm 250 
 
1540 jpm 251 
/* Validation du formulaire */
252 
label.error {
253 
	font-weight: bold;
1562 jpm 254 
	font-style:italic;
1540 jpm 255 
	color: #B94A48;
1560 jpm 256 
	padding: 0 8px;
1540 jpm 257 
}
1922 jpm 258 
label.valid {
259 
	display: inline-block;
260 
	text-indent: -9999px;
261 
	color: #468847;
262 
	width:0;
263 
	height:0;
264 
	padding:0;
265 
}
1562 jpm 266 
.control-group.error label {
267 
	font-weight: bold;
268 
}
1560 jpm 269 
.error .horizontal-slider{
270 
	background: #B94A48;
271 
}
272 
.slider-holder + select + label.error {
273 
	clear: both;
274 
}
275 
#form-date .input-prepend input {
276 
	vertical-align:top;
277 
}
278 
#form-date .input-prepend  input + label.error {
279 
	display: block;
280 
}
1946 jpm 281 
 
282 
/* Liste des taxons */
1613 jpm 283 
#taxon-liste optgroup + optgroup {
284 
	border-top: 1px solid black;
285 
}
1946 jpm 286 
 
1540 jpm 287 
/*+--------------------------------------------------------------------------------------------------------+*/
1537 jpm 288 
/* SLIDERs */
289 
.slider-on {
1562 jpm 290 
	display:none;
1537 jpm 291 
}
292 
.slider-holder {
1560 jpm 293 
	height: 25px;
1537 jpm 294 
	margin-left: -20px;
295 
	margin-right: 20px;
296 
	padding-left: 40px;
297 
	padding-top: 30px;
298 
}
299 
.ui-widget-header {
300 
	background: url("../img/background/noise.png") #A1C886;
301 
}
302 
.horizontal-slider {
303 
	margin: 0 3%;
304 
	height: 9px !important;
305 
	width: 90%;
306 
}
307 
.horizontal-slider.ui-slider-horizontal .ui-slider-range-min {
308 
	border-radius: 5px 0 0 5px;
309 
}
310 
.slider-holder p {
311 
	float: left;
312 
	font-size: 10px;
313 
	text-align: center;
314 
	top: 10px;
315 
}
316 
.slider-holder p + p {
317 
	line-height: 1.5em;
318 
}
319 
.slider-holder .slider-legend {
320 
	margin: 0 3%;
321 
}
322 
.slider-holder .slider-legend p {
1560 jpm 323 
	padding-top: 5px;
1537 jpm 324 
	overflow: hidden;
1560 jpm 325 
	word-wrap: break-word;
1537 jpm 326 
}
327 
.horizontal-slider a.ui-slider-handle {
328 
	background: url("../img/icones/selecteur.png") no-repeat scroll 23px 20px transparent;
329 
	border: medium none;
330 
	border-radius: 0;
331 
	display: block;
332 
	font-size: 14px;
333 
	font-weight: bold;
334 
	height: 60px;
335 
	margin: 5px 5px 5px -35px;
336 
	padding: 0;
337 
	position: relative;
338 
	text-align: center;
339 
	text-decoration: none;
340 
	top: -40px;
341 
	width: 70px;
342 
	white-space: nowrap;
343 
}
344 
.ui-slider .ui-slider-handle {
345 
	font-size: 12px;
1540 jpm 346 
}
347 
.ui-datepicker {
348 
	z-index: 2;
1537 jpm 349 
}