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; |
} |
} |
|