Subversion Repositories eFlore/Applications.cel

Compare Revisions

Ignore whitespace Rev 3629 → Rev 3630

/trunk/widget/modules/photo/squelettes/css/popup.css
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;
}
}