Subversion Repositories eFlore/Applications.cel

Rev

Rev 1480 | Rev 3823 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 1480 Rev 3630
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: 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 {
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;
37 
	border: 1px solid lightgrey;
 210 
}
- 
 
 211 
 
- 
 
 212 
/*----------------------------------------------------------------------------------------------------------*/
- 
 
 213 
 
38 
	padding:2px;
 214 
#volets-fct {
39 
}
 215 
	padding: 0 1rem;
- 
 
 216 
}
- 
 
 217 
 
- 
 
 218 
#volets-fct h2 {
40 
 
 219 
	text-align: center;
- 
 
 220 
	padding: 1rem;
- 
 
 221 
}
- 
 
 222 
 
41 
/*----------------------------------------------------------------------------------------------------------*/
 223 
#volets-fct h2:not(:first-child) {
42 
/* Spécifiques popup : GALERIE */
 224 
	margin-top: 1rem;
- 
 
 225 
}
- 
 
 226 
 
- 
 
 227 
#volets-fct li {
- 
 
 228 
	position: relative;
- 
 
 229 
	padding: 0.5rem 0;
- 
 
 230 
}
43 
#info-img-galerie .conteneur-precedent {
 231 
 
Line 44... Line 232...
44 
	float:left;
 232 
#print_content #volet #volets-fct .btn.btn-outline-secondary:not(#plus-meta),
45 
	width:50px;
 233 
#print_content #volet #volets-fct .btn.btn-success,
- 
 
 234 
#print_content #volet #volets-fct .btn.btn-warning {
46 
	position: absolute;
 235 
	border: 0 none !important;
- 
 
 236 
}
- 
 
 237 
 
- 
 
 238 
#volets-fct .bouton {
- 
 
 239 
	position: absolute;
- 
 
 240 
	right: 0.5rem;
- 
 
 241 
	top: 0.25rem;
- 
 
 242 
	margin: 0;
- 
 
 243 
}
- 
 
 244 
 
- 
 
 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;
- 
 
 251 
}
- 
 
 252 
 
- 
 
 253 
#volets-fct .afficher-plus:hover {
- 
 
 254 
	color: #000;
- 
 
 255 
}
- 
 
 256 
 
- 
 
 257 
#volets-fct .btn:not(.btn-outline-secondary),
- 
 
 258 
#volets-fct .btn-outline-secondary:hover {
- 
 
 259 
	color: #fff;
- 
 
 260 
}
- 
 
 261 
 
- 
 
 262 
#volets-fct #boutons-reseaux-sociaux {
- 
 
 263 
	display: flex;
- 
 
 264 
	justify-content: space-evenly;
- 
 
 265 
}
47 
	top: 50%;
 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;
48 
}
 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;
49 
 
 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,
50 
#info-img-galerie .conteneur-suivant {
 311 
#volets-fct #bloc-tags .tag.actif:active,
Line 51... Line 312...
51 
	position: absolute;
 312 
#volets-fct #bloc-tags .tag.actif:focus {
52 
	top: 50%;
 313 
	background-color: #92ad27;
53 
	right:10px;
 - 
 
54 
	width:50px;
 - 
 
55 
	float:right;
 314 
	-moz-box-shadow: 0;
56 
}
 315 
	-webkit-box-shadow: 0;
Line 57... Line 316...
57 
 
 316 
	box-shadow: 0;
58 
#info-img-galerie .conteneur-precedent #precedent, #info-img-galerie .conteneur-suivant #suivant {
 317 
}
59 
	position:relative;
 318 
 
60 
	top:50%;
 319 
#volets-fct #bloc-tags .tag:not(.actif) .fermer {
Line 61... Line 320...
61 
	font-size:1.3em;
 320 
	color: transparent;
62 
	border:none;
 321 
	display: none;
63 
}
 - 
 
64 
 
 322 
}
65 
#info-img-galerie .conteneur-suivant #suivant {
 323 
 
66 
	float:right;
 324 
#volets-fct #bloc-tags .tag.actif .fermer {
Line -... Line 325...
- 
 
 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;
67 
	text-align:right;
333 
}
- 
 
 334 
 
- 
 
 335 
#tags-auteur {
- 
 
 336 
	min-height: 3rem;
68 
}
 337 
	border:1px dotted #606060;
- 
 
 338 
	padding: 1rem;
69 
 
 339 
	margin-bottom: 1rem;
Line 70... Line -...
70 
#info-img-galerie .img-cadre {
 - 
 
71 
	float:left;
 340 
	border-radius: 0.2rem
72 
	left: 60px;
 341 
}
73 
    position: absolute;
 - 
 
74 
	height:100%;
 342 
 
- 
 
 343 
.nettoyage-volet {
- 
 
 344 
	padding: 1.5rem;
- 
 
 345 
	width: 100%;
- 
 
 346 
	opacity: 0;
- 
 
 347 
	text-align: center;
- 
 
 348 
	font-weight: 400;
- 
 
 349 
}
- 
 
 350 
 
- 
 
 351 
.nettoyage-volet.bas {
- 
 
 352 
	margin-top: 1rem;
- 
 
 353 
}
- 
 
 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 {