| 1,85 → 1,386 |
|---|
| @CHARSET "UTF-8"; |
| |
| body { |
| color: black !important; |
| font-size: 16px !important; |
| font-weight: bold; |
| font-family: Arial,verdana,sans-serif; |
| #info-img-galerie { |
| display: flex; |
| justify-content: center; |
| height: 100vh; |
| } |
| |
| .modal-open .modal { |
| /*overflow: hidden;*/ |
| } |
| |
| .modal-header { |
| padding: 1rem; |
| border: none; |
| position: fixed; |
| top: 20px; |
| right: 20px; |
| color: #fff; |
| font-size: 1.5rem; |
| z-index: 10; |
| } |
| |
| .modal-header .close { |
| text-shadow: none; |
| background-color: rgba(0, 0, 0, 0.2); |
| color: #fff; |
| font-size: 1rem; |
| padding: 1px; |
| margin: 0; |
| position: fixed; |
| top: 2px; |
| right: 2px; |
| opacity: 1; |
| } |
| |
| .close:not(:disabled):not(.disabled):focus, |
| .close:not(:disabled):not(.disabled):hover { |
| color: #918a6f; |
| background-color: rgba(0, 0, 0, 0.2); |
| box-shadow: none; |
| } |
| |
| .modal-body { |
| padding: 0; |
| margin: 0; |
| min-height: 100vh; |
| } |
| |
| .modal-dialog { |
| width: 100vw; |
| height: 100vh; |
| max-width: 100vw; |
| max-height: 100vh; |
| margin: 0; |
| padding: 0; |
| } |
| |
| .modal-content { |
| max-height: 100vh; |
| min-height: 100vh; |
| border-radius: 0; |
| margin: 0; |
| padding: 0; |
| background-color: rgba(0, 0, 0, 0.8); |
| border:none; |
| } |
| |
| .carousel-inner { |
| display: flex; |
| align-items: center; |
| justify-content: center; |
| } |
| |
| .carousel-item.active { |
| text-align: center; |
| } |
| |
| .carousel-item.active img { |
| margin: auto; |
| } |
| |
| .carousel-item img { |
| padding: 1rem; |
| max-height: 100vh; |
| max-width: 100vh; |
| } |
| |
| .carousel-control { |
| background-color: rgba(0,0,0,0.2); |
| width: initial; |
| padding: 0 2%; |
| } |
| |
| .carousel-control, |
| #info-img-galerie a { |
| font-size: 1.5rem; |
| color: #fff; |
| opacity: 1; |
| } |
| |
| .carousel-control:hover, |
| #info-img-galerie a:hover { |
| color: #918a6f; |
| } |
| |
| hr.nettoyage { |
| visibility:hidden; |
| visibility: hidden; |
| } |
| |
| /*----------------------------------------------------------------------------------------------------------*/ |
| /* Disposition */ |
| #zone-pied { |
| text-align:center; |
| #boutons-footer { |
| position: absolute; |
| bottom: 0; |
| right: 0; |
| background-color: rgba(0, 0, 0, 0.5); |
| } |
| #eflore_pied_page { |
| text-align:center; |
| |
| #boutons-footer #bloc-fct .bouton-fct.actif { |
| color: #c3d45d; |
| } |
| #zone-debug { |
| background-color:grey; |
| color:white; |
| |
| #bloc-fct { |
| padding: 1rem; |
| display: flex; |
| justify-content: center; |
| } |
| |
| #bloc-fct .bouton-fct { |
| background-color: rgba(0, 0, 0, 0.2); |
| color: #fff; |
| margin: 0; |
| } |
| |
| #bloc-fct .bouton-fct:not(:last-child) { |
| margin-right: 5px; |
| } |
| |
| #bloc-fct .bouton-fct:hover { |
| color: #918a6f; |
| } |
| |
| #pivoter-photo a { |
| max-width: inherit; |
| padding: 1rem; |
| } |
| |
| #volets-fct .btn#retour-metas { |
| position: fixed; |
| top: 2px; |
| left: 2px; |
| z-index: 10; |
| padding: 1px 5px; |
| font-size: 0.8rem; |
| margin: 0; |
| opacity: 1; |
| color: #fff; |
| background-color: rgba(0, 0, 0, 0.2); |
| text-shadow: none; |
| } |
| |
| #volets-fct .btn#retour-metas:hover { |
| color: #918a6f; |
| } |
| |
| #retour-galerie { |
| width: 100%; |
| margin: 0; |
| border: none !important; |
| border-radius: 0; |
| color: #fff; |
| background-color: rgba(0, 0, 0, 0.2); |
| } |
| |
| #retour-galerie:hover { |
| color: #918a6f; |
| } |
| |
| /*----------------------------------------------------------------------------------------------------------*/ |
| /* Spécifiques popup : ILLUSTRATION */ |
| #info-img .img-cadre { |
| text-align:center; |
| |
| #volet { |
| position: relative; |
| background-color: #fff; |
| justify-content: center; |
| display: flex; |
| height: 100vh; |
| overflow: scroll; |
| } |
| #info-img img { |
| display:inline; |
| vertical-align:middle; |
| margin:0; |
| border:0; |
| border: 1px solid lightgrey; |
| padding:2px; |
| |
| #bloc-infos-img { |
| position: fixed; |
| top: unset; |
| bottom: 0; |
| left: 0; |
| padding: 1.5rem; |
| z-index: 9; |
| text-align: center; |
| background-color: rgba(0, 0, 0, 0.5); |
| color: #fff !important; |
| font-weight: 400; |
| } |
| |
| #bloc-infos-img a { |
| color: #fff; |
| bottom: unset; |
| left: unset; |
| } |
| |
| #bloc-infos-img a:hover { |
| background-color: #918a6f; |
| } |
| |
| /*----------------------------------------------------------------------------------------------------------*/ |
| /* Spécifiques popup : GALERIE */ |
| #info-img-galerie .conteneur-precedent { |
| float:left; |
| width:50px; |
| position: absolute; |
| top: 50%; |
| |
| #volets-fct { |
| padding: 0 1rem; |
| } |
| |
| #info-img-galerie .conteneur-suivant { |
| #volets-fct h2 { |
| text-align: center; |
| padding: 1rem; |
| } |
| |
| #volets-fct h2:not(:first-child) { |
| margin-top: 1rem; |
| } |
| |
| #volets-fct li { |
| position: relative; |
| padding: 0.5rem 0; |
| } |
| |
| #print_content #volet #volets-fct .btn.btn-outline-secondary:not(#plus-meta), |
| #print_content #volet #volets-fct .btn.btn-success, |
| #print_content #volet #volets-fct .btn.btn-warning { |
| border: 0 none !important; |
| } |
| |
| #volets-fct .bouton { |
| position: absolute; |
| top: 50%; |
| right:10px; |
| width:50px; |
| float:right; |
| right: 0.5rem; |
| top: 0.25rem; |
| margin: 0; |
| } |
| |
| #info-img-galerie .conteneur-precedent #precedent, #info-img-galerie .conteneur-suivant #suivant { |
| position:relative; |
| top:50%; |
| font-size:1.3em; |
| border:none; |
| #volets-fct .afficher-plus { |
| cursor: pointer; |
| border-bottom: 1px solid; |
| border-bottom: .1rem solid; |
| color: #918a6f; |
| font-weight: 400; |
| } |
| |
| #info-img-galerie .conteneur-suivant #suivant { |
| float:right; |
| text-align:right; |
| #volets-fct .afficher-plus:hover { |
| color: #000; |
| } |
| |
| #info-img-galerie .img-cadre { |
| float:left; |
| left: 60px; |
| position: absolute; |
| height:100%; |
| #volets-fct .btn:not(.btn-outline-secondary), |
| #volets-fct .btn-outline-secondary:hover { |
| color: #fff; |
| } |
| |
| #info-img-galerie #lien-voir-meta { |
| #volets-fct #boutons-reseaux-sociaux { |
| display: flex; |
| justify-content: space-evenly; |
| } |
| |
| #volets-fct #boutons-reseaux-sociaux a { |
| border: none; |
| } |
| |
| #volets-fct #boutons-reseaux-sociaux a:not(:last-child) { |
| margin-right: 5px; |
| } |
| |
| #tags-pf-supp { |
| min-height: 5rem; |
| } |
| |
| #volets-fct #bloc-tags .tag { |
| color: #606060; |
| border: 1px solid transparent; |
| border-radius: 2rem; |
| -moz-box-shadow: 0.5px 1.5px 1.5px #606060; |
| -webkit-box-shadow: 0.5px 1.5px 1.5px #606060; |
| box-shadow: 0.5px 1.5px 1.5px #606060; |
| -webkit-transition: all 0.2s ease-in-out 0s; |
| -moz-transition: all 0.2s ease-in-out 0s; |
| -o-transition: all 0.2s ease-in-out 0s; |
| -ms-transition: all 0.2s ease-in-out 0s; |
| transition: all 0.2s ease-in-out 0s; |
| margin-right: 5px; |
| } |
| |
| #volets-fct #bloc-tags .tag:hover, |
| #volets-fct #bloc-tags .tag:active, |
| #volets-fct #bloc-tags .tag:focus, |
| #volets-fct #bloc-tags .tag.actif { |
| color: #92ad27; |
| border:1px solid #d9d9d9; |
| -moz-box-shadow: 0 0 0 transparent; |
| -webkit-box-shadow: 0 0 0 transparent; |
| box-shadow: 0 0 0 transparent; |
| } |
| |
| #volets-fct #bloc-tags .tag.actif { |
| color: #fff; |
| background-color: #c3d45d; |
| } |
| |
| #volets-fct #bloc-tags .tag.actif:hover, |
| #volets-fct #bloc-tags .tag.actif:active, |
| #volets-fct #bloc-tags .tag.actif:focus { |
| background-color: #92ad27; |
| -moz-box-shadow: 0; |
| -webkit-box-shadow: 0; |
| box-shadow: 0; |
| } |
| |
| #volets-fct #bloc-tags .tag:not(.actif) .fermer { |
| color: transparent; |
| display: none; |
| } |
| |
| #volets-fct #bloc-tags .tag.actif .fermer { |
| color:#fff; |
| display: inline; |
| } |
| |
| #volets-fct #bloc-tags .tag.actif:hover .fermer, |
| #volets-fct #bloc-tags .tag.actif:active .fermer, |
| #volets-fct #bloc-tags .tag.actif:focus .fermer { |
| color: #c3d45d; |
| } |
| |
| #tags-auteur { |
| min-height: 3rem; |
| border:1px dotted #606060; |
| padding: 1rem; |
| margin-bottom: 1rem; |
| border-radius: 0.2rem |
| } |
| |
| .nettoyage-volet { |
| padding: 1.5rem; |
| width: 100%; |
| opacity: 0; |
| text-align: center; |
| font-weight: 400; |
| } |
| |
| #bloc-infos-img { |
| position: absolute; |
| bottom: 10px; |
| left: 60px; |
| .nettoyage-volet.bas { |
| margin-top: 1rem; |
| } |
| |
| /*----------------------------------------------------------------------------------------------------------*/ |
| @media screen and ( max-width: 991px ) { |
| #bloc-infos-img { |
| top: 0; |
| width: 100vw; |
| bottom: unset; |
| } |
| |
| #boutons-footer { |
| width: 100vw; |
| right: unset; |
| } |
| |
| #boutons-footer .bouton-fct { |
| font-size: 0.8rem; |
| } |
| |
| .nettoyage-volet.bas { |
| min-height: 5.5rem; |
| } |
| #bloc-fct { |
| padding: 0.5rem; |
| } |
| } |
| |
| |
| @media screen and ( max-width: 768px ) { |
| #info-img-galerie a { |
| font-size: 0.8rem; |
| } |
| } |
| |