Subversion Repositories eFlore/Applications.cel

Rev

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