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
}