Subversion Repositories eFlore/Applications.cel

Rev

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

Rev Author Line No. Line
1480 aurelien 1 
@CHARSET "UTF-8";
2 
 
3630 idir 3 
#info-img-galerie {
4 
	display: flex;
5 
	justify-content: center;
6 
	height: 100vh;
1480 aurelien 7 
}
8 
 
3630 idir 9 
.modal-open .modal {
10 
	/*overflow: hidden;*/
11 
}
12 
 
13 
.modal-header {
14 
	padding: 1rem;
15 
	border: none;
16 
	position: fixed;
17 
	top: 20px;
18 
	right: 20px;
19 
	color: #fff;
20 
	font-size: 1.5rem;
21 
	z-index: 10;
22 
}
23 
 
24 
.modal-header .close {
25 
	text-shadow: none;
26 
	background-color: rgba(0, 0, 0, 0.2);
27 
	color: #fff;
3989 julien 28 
	font-size: 2rem;
3630 idir 29 
	padding: 1px;
30 
	margin: 0;
31 
	position: fixed;
3989 julien 32 
	top: 10px;
33 
	right: 10px;
3630 idir 34 
	opacity: 1;
35 
}
36 
 
37 
.close:not(:disabled):not(.disabled):focus,
38 
.close:not(:disabled):not(.disabled):hover {
39 
	color: #918a6f;
40 
	background-color: rgba(0, 0, 0, 0.2);
41 
	box-shadow: none;
42 
}
43 
 
44 
.modal-body {
45 
	padding: 0;
46 
	margin: 0;
47 
	min-height: 100vh;
48 
}
49 
 
50 
.modal-dialog {
51 
  width: 100vw;
52 
  height: 100vh;
53 
  max-width: 100vw;
54 
  max-height: 100vh;
55 
  margin: 0;
56 
  padding: 0;
57 
}
58 
 
59 
.modal-content {
60 
  max-height: 100vh;
61 
  min-height: 100vh;
62 
  border-radius: 0;
63 
  margin: 0;
64 
  padding: 0;
65 
  background-color: rgba(0, 0, 0, 0.8);
66 
  border:none;
67 
}
68 
 
69 
.carousel-inner {
70 
	display: flex;
71 
	align-items: center;
72 
	justify-content: center;
73 
}
74 
 
75 
.carousel-item.active {
76 
	text-align: center;
77 
}
78 
 
79 
.carousel-item.active img {
80 
	margin: auto;
81 
}
82 
 
83 
.carousel-item img {
84 
	padding: 1rem;
85 
	max-height: 100vh;
86 
	max-width: 100vh;
87 
}
88 
 
89 
.carousel-control {
90 
	background-color: rgba(0,0,0,0.2);
91 
	width: initial;
92 
	padding: 0 2%;
93 
}
94 
 
95 
.carousel-control,
96 
#info-img-galerie a {
97 
	font-size: 1.5rem;
98 
	color: #fff;
99 
	opacity: 1;
100 
}
101 
 
102 
.carousel-control:hover,
103 
#info-img-galerie a:hover {
104 
	color: #918a6f;
105 
}
106 
 
1480 aurelien 107 
hr.nettoyage {
3630 idir 108 
	visibility: hidden;
1480 aurelien 109 
}
110 
 
3630 idir 111 
#boutons-footer {
112 
	position: absolute;
113 
	bottom: 0;
114 
	right: 0;
115 
	background-color: rgba(0, 0, 0, 0.5);
1480 aurelien 116 
}
3630 idir 117 
 
118 
#boutons-footer #bloc-fct .bouton-fct.actif {
119 
	color: #c3d45d;
1480 aurelien 120 
}
3630 idir 121 
 
122 
#bloc-fct {
123 
	padding: 1rem;
124 
	display: flex;
125 
	justify-content: center;
1480 aurelien 126 
}
127 
 
3630 idir 128 
#bloc-fct .bouton-fct {
129 
	background-color: rgba(0, 0, 0, 0.2);
130 
	color: #fff;
131 
	margin: 0;
132 
}
133 
 
134 
#bloc-fct .bouton-fct:not(:last-child) {
135 
	margin-right: 5px;
136 
}
137 
 
138 
#bloc-fct .bouton-fct:hover {
139 
	color: #918a6f;
140 
}
141 
 
142 
#pivoter-photo a {
143 
	max-width: inherit;
144 
	padding: 1rem;
145 
}
146 
 
147 
#volets-fct .btn#retour-metas {
148 
	position: fixed;
149 
	top: 2px;
150 
	left: 2px;
151 
	z-index: 10;
152 
	padding: 1px 5px;
153 
	font-size: 0.8rem;
154 
	margin: 0;
155 
	opacity: 1;
156 
	color: #fff;
157 
	background-color: rgba(0, 0, 0, 0.2);
158 
	text-shadow: none;
159 
}
160 
 
161 
#volets-fct .btn#retour-metas:hover {
162 
	color: #918a6f;
163 
}
164 
 
165 
#retour-galerie {
166 
	width: 100%;
167 
	margin: 0;
168 
	border: none !important;
169 
	border-radius: 0;
170 
	color: #fff;
171 
	background-color: rgba(0, 0, 0, 0.2);
172 
}
173 
 
174 
#retour-galerie:hover {
175 
	color: #918a6f;
176 
}
177 
 
1480 aurelien 178 
/*----------------------------------------------------------------------------------------------------------*/
3630 idir 179 
 
180 
#volet {
181 
	position: relative;
182 
	background-color: #fff;
183 
	justify-content: center;
184 
	display: flex;
185 
	height: 100vh;
186 
	overflow: scroll;
1480 aurelien 187 
}
3630 idir 188 
 
189 
#bloc-infos-img {
190 
	position: fixed;
191 
	top: unset;
192 
	bottom: 0;
193 
	left: 0;
194 
	padding: 1.5rem;
195 
	z-index: 9;
196 
	text-align: center;
197 
	background-color: rgba(0, 0, 0, 0.5);
198 
	color: #fff !important;
199 
	font-weight: 400;
1480 aurelien 200 
}
201 
 
3630 idir 202 
#bloc-infos-img a {
203 
	color: #fff;
204 
	bottom: unset;
205 
	left: unset;
206 
}
207 
 
208 
#bloc-infos-img a:hover {
209 
	background-color: #918a6f;
210 
}
211 
 
1480 aurelien 212 
/*----------------------------------------------------------------------------------------------------------*/
3630 idir 213 
 
214 
#volets-fct {
215 
	padding: 0 1rem;
3825 idir 216 
	width: calc(100% - 1rem);
3829 idir 217 
	overflow-wrap: break-word;
1480 aurelien 218 
}
219 
 
3630 idir 220 
#volets-fct h2 {
221 
	text-align: center;
222 
	padding: 1rem;
223 
}
224 
 
225 
#volets-fct h2:not(:first-child) {
226 
	margin-top: 1rem;
227 
}
228 
 
229 
#volets-fct li {
230 
	position: relative;
231 
	padding: 0.5rem 0;
232 
}
233 
 
234 
#print_content #volet #volets-fct .btn.btn-outline-secondary:not(#plus-meta),
235 
#print_content #volet #volets-fct .btn.btn-success,
236 
#print_content #volet #volets-fct .btn.btn-warning {
237 
	border: 0 none !important;
238 
}
239 
 
240 
#volets-fct .bouton {
1480 aurelien 241 
	position: absolute;
3630 idir 242 
	right: 0.5rem;
243 
	top: 0.25rem;
244 
	margin: 0;
1480 aurelien 245 
}
246 
 
3630 idir 247 
#volets-fct .afficher-plus {
248 
	cursor: pointer;
249 
	border-bottom: 1px solid;
250 
	border-bottom: .1rem solid;
251 
	color: #918a6f;
252 
	font-weight: 400;
1480 aurelien 253 
}
254 
 
3630 idir 255 
#volets-fct .afficher-plus:hover {
256 
	color: #000;
1480 aurelien 257 
}
258 
 
3630 idir 259 
#volets-fct .btn:not(.btn-outline-secondary),
260 
#volets-fct .btn-outline-secondary:hover {
261 
	color: #fff;
1480 aurelien 262 
}
263 
 
3630 idir 264 
#volets-fct #boutons-reseaux-sociaux {
265 
	display: flex;
266 
	justify-content: space-evenly;
267 
}
268 
 
269 
#volets-fct #boutons-reseaux-sociaux a {
270 
	border: none;
271 
}
272 
 
273 
#volets-fct #boutons-reseaux-sociaux a:not(:last-child) {
274 
	margin-right: 5px;
275 
}
276 
 
277 
#tags-pf-supp {
278 
	min-height: 5rem;
279 
}
280 
 
281 
#volets-fct #bloc-tags .tag {
282 
	color: #606060;
283 
	border: 1px solid transparent;
284 
	border-radius: 2rem;
285 
	-moz-box-shadow: 0.5px 1.5px 1.5px #606060;
286 
	-webkit-box-shadow: 0.5px 1.5px 1.5px #606060;
287 
	box-shadow: 0.5px 1.5px 1.5px #606060;
288 
	-webkit-transition: all 0.2s ease-in-out 0s;
289 
	-moz-transition: all 0.2s ease-in-out 0s;
290 
	-o-transition: all 0.2s ease-in-out 0s;
291 
	-ms-transition: all 0.2s ease-in-out 0s;
292 
	transition: all 0.2s ease-in-out 0s;
293 
	margin-right: 5px;
294 
}
295 
 
296 
#volets-fct #bloc-tags .tag:hover,
297 
#volets-fct #bloc-tags .tag:active,
298 
#volets-fct #bloc-tags .tag:focus,
299 
#volets-fct #bloc-tags .tag.actif {
300 
	color: #92ad27;
301 
	border:1px solid #d9d9d9;
302 
	-moz-box-shadow: 0 0 0 transparent;
303 
	-webkit-box-shadow: 0 0 0 transparent;
304 
	box-shadow: 0 0 0 transparent;
305 
}
306 
 
307 
#volets-fct #bloc-tags .tag.actif {
308 
	color: #fff;
309 
	background-color: #c3d45d;
310 
}
311 
 
312 
#volets-fct #bloc-tags .tag.actif:hover,
313 
#volets-fct #bloc-tags .tag.actif:active,
314 
#volets-fct #bloc-tags .tag.actif:focus {
315 
	background-color: #92ad27;
316 
	-moz-box-shadow: 0;
317 
	-webkit-box-shadow: 0;
318 
	box-shadow: 0;
319 
}
320 
 
321 
#volets-fct #bloc-tags .tag:not(.actif) .fermer {
322 
	color: transparent;
323 
	display: none;
324 
}
325 
 
326 
#volets-fct #bloc-tags .tag.actif .fermer {
327 
	color:#fff;
328 
	display: inline;
329 
}
330 
 
331 
#volets-fct #bloc-tags .tag.actif:hover .fermer,
332 
#volets-fct #bloc-tags .tag.actif:active .fermer,
333 
#volets-fct #bloc-tags .tag.actif:focus .fermer {
334 
	color: #c3d45d;
335 
}
336 
 
337 
#tags-auteur {
338 
	min-height: 3rem;
339 
	border:1px dotted #606060;
340 
	padding: 1rem;
341 
	margin-bottom: 1rem;
342 
	border-radius: 0.2rem
343 
}
344 
 
345 
.nettoyage-volet {
346 
	padding: 1.5rem;
347 
	width: 100%;
348 
	opacity: 0;
1480 aurelien 349 
	text-align: center;
3630 idir 350 
	font-weight: 400;
1480 aurelien 351 
}
352 
 
3630 idir 353 
.nettoyage-volet.bas {
354 
	margin-top: 1rem;
1480 aurelien 355 
}
3630 idir 356 
 
3948 julien 357 
.notation-star{
358 
	font-size: 20px;
359 
}
360 
 
3973 julien 361 
.message {
362 
	text-align: justify;
363 
}
364 
 
3823 idir 365 
/************************************************************************************************************/
366 
 
367 
#localisation-map-container {
368 
	position: absolute;
369 
	z-index: 100;
370 
	top: 30px;
371 
	right: 5%;
372 
	left: 5%;
373 
	height: 302px;
374 
	border: 1px solid #606060;
375 
	overflow: hidden;
376 
}
377 
 
378 
#localisation-map {
379 
	width: 100%;
380 
	height: 300px;
381 
	background-color: #fff;
382 
}
383 
 
384 
#map-close {
385 
    z-index: 10000;
386 
}
387 
 
3989 julien 388 
#hide-metas-div {
389 
	position: absolute;
390 
	top: 30px;
391 
	left: 35%;
392 
	z-index: 5;
393 
	height: 30px;
394 
	width: 30px;
395 
	display: flex;
396 
	justify-content: center;
397 
	align-items: center;
398 
	color: #fff;
399 
	background-color: rgba(0,0,0,0.2);
400 
	border: 1px solid white;
401 
	border-radius: 50%;
402 
}
403 
 
404 
.volet-hidden {
405 
	left: 2% !important;
406 
}
407 
 
3630 idir 408 
/*----------------------------------------------------------------------------------------------------------*/
3948 julien 409 
@media screen and (max-width: 1320px){
410 
	.notation-star{
411 
		font-size: 12px;
412 
	}
413 
}
3630 idir 414 
@media screen and ( max-width: 991px ) {
415 
	#bloc-infos-img {
416 
		top: 0;
417 
		width: 100vw;
418 
		bottom: unset;
419 
	}
420 
 
421 
	#boutons-footer {
422 
		width: 100vw;
423 
		right: unset;
424 
	}
425 
 
426 
	#boutons-footer .bouton-fct {
427 
		font-size: 0.8rem;
428 
	}
429 
 
430 
	.nettoyage-volet.bas {
431 
		min-height: 5.5rem;
432 
	}
433 
	#bloc-fct {
434 
		padding: 0.5rem;
435 
	}
3990 julien 436 
 
437 
	.carousel-item img {
438 
		width: 100%;
439 
	}
3630 idir 440 
}
441 
 
442 
 
443 
@media screen and ( max-width: 768px ) {
444 
	#info-img-galerie a {
445 
		font-size: 0.8rem;
446 
	}
447 
}