Subversion Repositories eFlore/Applications.cel

Rev

Rev 3996 | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 3996 Rev 3997
Line 1... Line 1...
1 
@CHARSET "UTF-8";
 1 
@CHARSET "UTF-8";
Line -... Line 2...
- 
 
 2 
 
- 
 
 3 
#info-img-galerie {
- 
 
 4 
	display: flex;
- 
 
 5 
	justify-content: center;
- 
 
 6 
	height: 100vh;
- 
 
 7 
}
- 
 
 8 
 
- 
 
 9 
.modal-open .modal {
- 
 
 10 
	/*overflow: hidden;*/
- 
 
 11 
}
- 
 
 12 
 
- 
 
 13 
.modal-header {
2 
 
 14 
	padding: 1rem;
- 
 
 15 
	border: none;
- 
 
 16 
	position: fixed;
- 
 
 17 
	top: 20px;
3 
body {
 18 
	right: 20px;
4 
	color: black !important;
 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: 2rem;
- 
 
 29 
	padding: 1px;
- 
 
 30 
	margin: 0;
- 
 
 31 
	position: fixed;
- 
 
 32 
	top: 10px;
- 
 
 33 
	right: 10px;
- 
 
 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 {
5 
    font-size: 16px !important;
 60 
  max-height: 100vh;
- 
 
 61 
  min-height: 100vh;
- 
 
 62 
  border-radius: 0;
- 
 
 63 
  margin: 0;
6 
    font-weight: bold;
 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 {
7 
    font-family: Arial,verdana,sans-serif;
 104 
	color: #918a6f;
Line 8... Line 105...
8 
}
 105 
}
9 
 
 106 
 
10 
hr.nettoyage {
 107 
hr.nettoyage {
Line -... Line 108...
- 
 
 108 
	visibility: hidden;
- 
 
 109 
}
- 
 
 110 
 
- 
 
 111 
#boutons-footer {
- 
 
 112 
	position: absolute;
- 
 
 113 
	bottom: 0;
- 
 
 114 
	right: 0;
11 
	visibility:hidden;
 115 
	background-color: rgba(0, 0, 0, 0.5);
12 
}
 116 
}
- 
 
 117 
 
- 
 
 118 
#boutons-footer #bloc-fct .bouton-fct.actif {
13 
 
 119 
	color: #c3d45d;
- 
 
 120 
}
- 
 
 121 
 
14 
/*----------------------------------------------------------------------------------------------------------*/
 122 
#bloc-fct {
- 
 
 123 
	padding: 1rem;
- 
 
 124 
	display: flex;
- 
 
 125 
	justify-content: center;
- 
 
 126 
}
- 
 
 127 
 
- 
 
 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 
}
15 
/* Disposition */
 137 
 
- 
 
 138 
#bloc-fct .bouton-fct:hover {
16 
#zone-pied {
 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;
17 
	text-align:center;
 155 
	opacity: 1;
- 
 
 156 
	color: #fff;
- 
 
 157 
	background-color: rgba(0, 0, 0, 0.2);
- 
 
 158 
	text-shadow: none;
- 
 
 159 
}
18 
}
 160 
 
- 
 
 161 
#volets-fct .btn#retour-metas:hover {
19 
#eflore_pied_page {
 162 
	color: #918a6f;
- 
 
 163 
}
- 
 
 164 
 
- 
 
 165 
#retour-galerie {
- 
 
 166 
	width: 100%;
- 
 
 167 
	margin: 0;
20 
	text-align:center;
 168 
	border: none !important;
- 
 
 169 
	border-radius: 0;
- 
 
 170 
	color: #fff;
- 
 
 171 
	background-color: rgba(0, 0, 0, 0.2);
21 
}
 172 
}
22 
#zone-debug {
 173 
 
Line 23... Line 174...
23 
	background-color:grey;
 174 
#retour-galerie:hover {
- 
 
 175 
	color: #918a6f;
- 
 
 176 
}
24 
	color:white;
 177 
 
25 
}
 178 
/*----------------------------------------------------------------------------------------------------------*/
26 
 
 179 
 
- 
 
 180 
#volet {
- 
 
 181 
	position: relative;
- 
 
 182 
	background-color: #fff;
27 
/*----------------------------------------------------------------------------------------------------------*/
 183 
	justify-content: center;
- 
 
 184 
	display: flex;
28 
/* Spécifiques popup : ILLUSTRATION */
 185 
	height: 100vh;
29 
#info-img .img-cadre {
 186 
	overflow: scroll;
30 
	text-align:center;
 187 
}
31 
}
 188 
 
- 
 
 189 
#bloc-infos-img {
- 
 
 190 
	position: fixed;
32 
#info-img img {
 191 
	top: unset;
- 
 
 192 
	bottom: 0;
- 
 
 193 
	left: 0;
33 
	display:inline;
 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;
- 
 
 200 
}
34 
	vertical-align:middle;
 201 
 
- 
 
 202 
#bloc-infos-img a {
- 
 
 203 
	color: #fff;
- 
 
 204 
	bottom: unset;
- 
 
 205 
	left: unset;
35 
	margin:0;
 206 
}
Line 36... Line 207...
36 
	border:0;
 207 
 
- 
 
 208 
#bloc-infos-img a:hover {
- 
 
 209 
	background-color: #918a6f;
- 
 
 210 
}
37 
	border: 1px solid lightgrey;
 211 
 
38 
	padding:2px;
 212 
/*----------------------------------------------------------------------------------------------------------*/
- 
 
 213 
 
- 
 
 214 
#volets-fct {
- 
 
 215 
	padding: 0 1rem;
39 
}
 216 
	width: calc(100% - 1rem);
40 
 
 217 
	overflow-wrap: break-word;
- 
 
 218 
}
- 
 
 219 
 
41 
/*----------------------------------------------------------------------------------------------------------*/
 220 
#volets-fct h2 {
42 
/* Spécifiques popup : GALERIE */
 221 
	text-align: center;
43 
#info-img-galerie .conteneur-precedent {
 222 
	padding: 1rem;
Line -... Line 223...
- 
 
 223 
}
- 
 
 224 
 
- 
 
 225 
#volets-fct h2:not(:first-child) {
- 
 
 226 
	margin-top: 1rem;
- 
 
 227 
}
- 
 
 228 
 
- 
 
 229 
#volets-fct li {
44 
	float:left;
 230 
	position: relative;
- 
 
 231 
	padding: 0.5rem 0;
- 
 
 232 
}
- 
 
 233 
 
- 
 
 234 
#print_content #volet #volets-fct .btn.btn-outline-secondary:not(#plus-meta),
45 
	width:50px;
 235 
#print_content #volet #volets-fct .btn.btn-success,
- 
 
 236 
#print_content #volet #volets-fct .btn.btn-warning {
46 
	position: absolute;
 237 
	border: 0 none !important;
- 
 
 238 
}
- 
 
 239 
 
- 
 
 240 
#volets-fct .bouton {
- 
 
 241 
	position: absolute;
- 
 
 242 
	right: 0.5rem;
- 
 
 243 
	top: 0.25rem;
- 
 
 244 
	margin: 0;
- 
 
 245 
}
- 
 
 246 
 
- 
 
 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;
- 
 
 253 
}
- 
 
 254 
 
- 
 
 255 
#volets-fct .afficher-plus:hover {
- 
 
 256 
	color: #000;
- 
 
 257 
}
- 
 
 258 
 
- 
 
 259 
#volets-fct .btn:not(.btn-outline-secondary),
- 
 
 260 
#volets-fct .btn-outline-secondary:hover {
- 
 
 261 
	color: #fff;
- 
 
 262 
}
- 
 
 263 
 
- 
 
 264 
#volets-fct #boutons-reseaux-sociaux {
- 
 
 265 
	display: flex;
- 
 
 266 
	justify-content: space-evenly;
- 
 
 267 
}
47 
	top: 50%;
 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;
48 
}
 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;
49 
 
 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,
50 
#info-img-galerie .conteneur-suivant {
 313 
#volets-fct #bloc-tags .tag.actif:active,
Line 51... Line 314...
51 
	position: absolute;
 314 
#volets-fct #bloc-tags .tag.actif:focus {
52 
	top: 50%;
 315 
	background-color: #92ad27;
53 
	right:10px;
 - 
 
54 
	width:50px;
 - 
 
55 
	float:right;
 316 
	-moz-box-shadow: 0;
56 
}
 317 
	-webkit-box-shadow: 0;
Line 57... Line 318...
57 
 
 318 
	box-shadow: 0;
58 
#info-img-galerie .conteneur-precedent #precedent, #info-img-galerie .conteneur-suivant #suivant {
 319 
}
59 
	position:relative;
 320 
 
60 
	top:50%;
 321 
#volets-fct #bloc-tags .tag:not(.actif) .fermer {
Line 61... Line 322...
61 
	font-size:1.3em;
 322 
	color: transparent;
62 
	border:none;
 323 
	display: none;
63 
}
 - 
 
64 
 
 324 
}
65 
#info-img-galerie .conteneur-suivant #suivant {
 325 
 
66 
	float:right;
 326 
#volets-fct #bloc-tags .tag.actif .fermer {
Line -... Line 327...
- 
 
 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;
67 
	text-align:right;
335 
}
- 
 
 336 
 
- 
 
 337 
#tags-auteur {
- 
 
 338 
	min-height: 3rem;
68 
}
 339 
	border:1px dotted #606060;
- 
 
 340 
	padding: 1rem;
69 
 
 341 
	margin-bottom: 1rem;
Line -... Line 342...
- 
 
 342 
	border-radius: 0.2rem
- 
 
 343 
}
- 
 
 344 
 
- 
 
 345 
.nettoyage-volet {
70 
#info-img-galerie .img-cadre {
 346 
	padding: 1.5rem;
- 
 
 347 
	width: 100%;
- 
 
 348 
	opacity: 0;
- 
 
 349 
	text-align: center;
- 
 
 350 
	font-weight: 400;
- 
 
 351 
}
- 
 
 352 
 
- 
 
 353 
.nettoyage-volet.bas {
- 
 
 354 
	margin-top: 1rem;
- 
 
 355 
}
- 
 
 356 
 
71 
	float:left;
 357 
.notation-star{
- 
 
 358 
	font-size: 20px;
72 
	left: 60px;
 359 
}
- 
 
 360 
 
- 
 
 361 
.message {
- 
 
 362 
	text-align: justify;
- 
 
 363 
}
- 
 
 364 
 
- 
 
 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%;
73 
    position: absolute;
 380 
	height: 300px;
- 
 
 381 
	background-color: #fff;
- 
 
 382 
}
- 
 
 383 
 
- 
 
 384 
#map-close {
- 
 
 385 
    z-index: 10000;
- 
 
 386 
}
- 
 
 387 
 
- 
 
 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 
 
- 
 
 408 
/*----------------------------------------------------------------------------------------------------------*/
- 
 
 409 
@media screen and (max-width: 1320px){
- 
 
 410 
	.notation-star{
- 
 
 411 
		font-size: 12px;
- 
 
 412 
	}
- 
 
 413 
}
- 
 
 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 
	}
74 
	height:100%;
 436