Subversion Repositories eFlore/Applications.cel

Rev

Rev 1946 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

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

            408