Subversion Repositories eFlore/Applications.cel

Rev

Rev 3823 | Rev 3829 | Go to most recent revision | 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;
28 
	font-size: 1rem;
29 
	padding: 1px;
30 
	margin: 0;
31 
	position: fixed;
32 
	top: 2px;
33 
	right: 2px;
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);
1480 aurelien 217 
}
218 
 
3630 idir 219 
#volets-fct h2 {
220 
	text-align: center;
221 
	padding: 1rem;
222 
}
223 
 
224 
#volets-fct h2:not(:first-child) {
225 
	margin-top: 1rem;
226 
}
227 
 
228 
#volets-fct li {
229 
	position: relative;
230 
	padding: 0.5rem 0;
231 
}
232 
 
233 
#print_content #volet #volets-fct .btn.btn-outline-secondary:not(#plus-meta),
234 
#print_content #volet #volets-fct .btn.btn-success,
235 
#print_content #volet #volets-fct .btn.btn-warning {
236 
	border: 0 none !important;
237 
}
238 
 
239 
#volets-fct .bouton {
1480 aurelien 240 
	position: absolute;
3630 idir 241 
	right: 0.5rem;
242 
	top: 0.25rem;
243 
	margin: 0;
1480 aurelien 244 
}
245 
 
3630 idir 246 
#volets-fct .afficher-plus {
247 
	cursor: pointer;
248 
	border-bottom: 1px solid;
249 
	border-bottom: .1rem solid;
250 
	color: #918a6f;
251 
	font-weight: 400;
1480 aurelien 252 
}
253 
 
3630 idir 254 
#volets-fct .afficher-plus:hover {
255 
	color: #000;
1480 aurelien 256 
}
257 
 
3630 idir 258 
#volets-fct .btn:not(.btn-outline-secondary),
259 
#volets-fct .btn-outline-secondary:hover {
260 
	color: #fff;
1480 aurelien 261 
}
262 
 
3630 idir 263 
#volets-fct #boutons-reseaux-sociaux {
264 
	display: flex;
265 
	justify-content: space-evenly;
266 
}
267 
 
268 
#volets-fct #boutons-reseaux-sociaux a {
269 
	border: none;
270 
}
271 
 
272 
#volets-fct #boutons-reseaux-sociaux a:not(:last-child) {
273 
	margin-right: 5px;
274 
}
275 
 
276 
#tags-pf-supp {
277 
	min-height: 5rem;
278 
}
279 
 
280 
#volets-fct #bloc-tags .tag {
281 
	color: #606060;
282 
	border: 1px solid transparent;
283 
	border-radius: 2rem;
284 
	-moz-box-shadow: 0.5px 1.5px 1.5px #606060;
285 
	-webkit-box-shadow: 0.5px 1.5px 1.5px #606060;
286 
	box-shadow: 0.5px 1.5px 1.5px #606060;
287 
	-webkit-transition: all 0.2s ease-in-out 0s;
288 
	-moz-transition: all 0.2s ease-in-out 0s;
289 
	-o-transition: all 0.2s ease-in-out 0s;
290 
	-ms-transition: all 0.2s ease-in-out 0s;
291 
	transition: all 0.2s ease-in-out 0s;
292 
	margin-right: 5px;
293 
}
294 
 
295 
#volets-fct #bloc-tags .tag:hover,
296 
#volets-fct #bloc-tags .tag:active,
297 
#volets-fct #bloc-tags .tag:focus,
298 
#volets-fct #bloc-tags .tag.actif {
299 
	color: #92ad27;
300 
	border:1px solid #d9d9d9;
301 
	-moz-box-shadow: 0 0 0 transparent;
302 
	-webkit-box-shadow: 0 0 0 transparent;
303 
	box-shadow: 0 0 0 transparent;
304 
}
305 
 
306 
#volets-fct #bloc-tags .tag.actif {
307 
	color: #fff;
308 
	background-color: #c3d45d;
309 
}
310 
 
311 
#volets-fct #bloc-tags .tag.actif:hover,
312 
#volets-fct #bloc-tags .tag.actif:active,
313 
#volets-fct #bloc-tags .tag.actif:focus {
314 
	background-color: #92ad27;
315 
	-moz-box-shadow: 0;
316 
	-webkit-box-shadow: 0;
317 
	box-shadow: 0;
318 
}
319 
 
320 
#volets-fct #bloc-tags .tag:not(.actif) .fermer {
321 
	color: transparent;
322 
	display: none;
323 
}
324 
 
325 
#volets-fct #bloc-tags .tag.actif .fermer {
326 
	color:#fff;
327 
	display: inline;
328 
}
329 
 
330 
#volets-fct #bloc-tags .tag.actif:hover .fermer,
331 
#volets-fct #bloc-tags .tag.actif:active .fermer,
332 
#volets-fct #bloc-tags .tag.actif:focus .fermer {
333 
	color: #c3d45d;
334 
}
335 
 
336 
#tags-auteur {
337 
	min-height: 3rem;
338 
	border:1px dotted #606060;
339 
	padding: 1rem;
340 
	margin-bottom: 1rem;
341 
	border-radius: 0.2rem
342 
}
343 
 
344 
.nettoyage-volet {
345 
	padding: 1.5rem;
346 
	width: 100%;
347 
	opacity: 0;
1480 aurelien 348 
	text-align: center;
3630 idir 349 
	font-weight: 400;
1480 aurelien 350 
}
351 
 
3630 idir 352 
.nettoyage-volet.bas {
353 
	margin-top: 1rem;
1480 aurelien 354 
}
3630 idir 355 
 
3823 idir 356 
/************************************************************************************************************/
357 
 
358 
#localisation-map-container {
359 
	position: absolute;
360 
	z-index: 100;
361 
	top: 30px;
362 
	right: 5%;
363 
	left: 5%;
364 
	height: 302px;
365 
	border: 1px solid #606060;
366 
	overflow: hidden;
367 
}
368 
 
369 
#localisation-map {
370 
	width: 100%;
371 
	height: 300px;
372 
	background-color: #fff;
373 
}
374 
 
375 
#map-close {
376 
    z-index: 10000;
377 
}
378 
 
3630 idir 379 
/*----------------------------------------------------------------------------------------------------------*/
380 
@media screen and ( max-width: 991px ) {
381 
	#bloc-infos-img {
382 
		top: 0;
383 
		width: 100vw;
384 
		bottom: unset;
385 
	}
386 
 
387 
	#boutons-footer {
388 
		width: 100vw;
389 
		right: unset;
390 
	}
391 
 
392 
	#boutons-footer .bouton-fct {
393 
		font-size: 0.8rem;
394 
	}
395 
 
396 
	.nettoyage-volet.bas {
397 
		min-height: 5.5rem;
398 
	}
399 
	#bloc-fct {
400 
		padding: 0.5rem;
401 
	}
402 
}
403 
 
404 
 
405 
@media screen and ( max-width: 768px ) {
406 
	#info-img-galerie a {
407 
		font-size: 0.8rem;
408 
	}
409 
}
410