| Current Path : /var/www/html/components/com_community/assets/source/css/ |
| Current File : /var/www/html/components/com_community/assets/source/css/popup.css |
.joms-popup__mobile {
}
.joms-popup:hover .joms-popup__option,
.joms-popup__mobile .joms-popup__option {
background-color: rgba(0, 0, 0, .6);
display: block;
}
.joms-popup--photo .joms-spinner {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.joms-popup--photo .joms-popup__content img,
.joms-popup--video .joms-popup__content iframe,
.joms-popup--video .joms-popup__content video,
.joms-popup--video .joms-popup__content .joms-popup__video,
.joms-popup--video .joms-popup__content .joms-popup__video > embed {
margin: auto;
max-height: 100%;
max-width: 100%;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.joms-popup--video .joms-popup__content iframe,
.joms-popup--video .joms-popup__content video,
.joms-popup--video .joms-popup__content .joms-popup__video,
.joms-popup--video .joms-popup__content .joms-popup__video > embed {
width: 90% !important;
height: 85% !important;
}
.joms-popup--video .joms-popup__content .joms-popup__video .joms-media--video {
max-width: none;
width: 100%;
height: 100%;
}
.joms-popup--video .joms-popup__content .joms-popup__video img {
margin: auto;
max-height: 100%;
max-width: 100%;
width: 100%;
height: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.joms-popup--video .joms-popup__content .joms-popup__video .mejs-video {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.joms-popup--video .mejs-overlay-play {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
outline: none;
}
.joms-popup--video .mejs-container {
max-height: 100% !important;
}
.mejs-mediaelement * {
max-height: 100%;
max-width: 100%;
}
.mejs-mediaelement .me-plugin,
.mejs-mediaelement .me-plugin embed {
height: 100%;
width: 100%;
}
.joms-popup--photo .joms-popup__content,
.joms-popup--video .joms-popup__content {
}
@media all and ( max-width: 640px ) {
.joms-popup--togglecomment .joms-popup__commentwrapper .joms-popup__content {
display: none;
}
.joms-popup--togglecomment .joms-popup__commentwrapper .joms-popup__comment {
display: block;
width: auto;
}
.joms-popup--togglecomment .joms-popup__commentwrapper .mfp-close {
color: #000;
}
}
/* IE9+ fix */
@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
.joms-popup {
width: 400px;
max-width: 100%;
}
.joms-popup--500 {
width: 500px;
max-width: 100%;
}
.joms-popup--600 {
width: 600px;
max-width: 100%;
}
.joms-popup--700 {
width: 700px;
max-width: 100%;
}
}