/home/arranoyd/telegastro/wp-content/themes/dt-the7/css/static-less/shortcodes/fancy-media.less
/* #Fancy media
========================================================================= */
.shortcode-single-image-wrap {
margin-bottom: 0px;
max-width: 100%;
.wf-clearfix;
&.alignnone {
& img {
display: inherit;
margin: 0 auto;
}
& .fancy-media-wrap {
text-align: center;
display: inline-block;
}
& .rollover,
& .rollover-video {
display: inline-block;
& img {
border-radius: inherit;
}
}
}
&.alignleft,
&.alignright {
margin: 0;
}
}
.fancy-media-wrap > a {
display: block;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.shortcode-single-image-wrap {
& .fancy-media-wrap,
& .rollover,
& .rollover-video {
display: block !important;
}
}
}
.shortcode-single-image {
position: relative;
//overflow: hidden;
.alignnone & {
text-align: center;
}
.wf-clearfix;
line-height: 0;
.box-sizing (border-box);
& .rollover i,
& .rollover i:after,
& .rollover-video i {
border-radius: inherit;
}
}
.shortcode-single-video.alignnone .fancy-media-wrap,
.shortcode-single-video .fancy-media-wrap,
.shortcode-single-video .shortcode-teaser-video,
.post-video,
.shortcode-video {
position: relative;
display: block;
overflow: hidden;
padding-top: 30px;
height: 0;
padding-bottom: 56.25%;
}
.shortcode-single-video .wp-video,
.shortcode-single-video video.wp-video-shortcode,
.shortcode-single-video .mejs-container,
.shortcode-single-video .mejs-overlay.load {
width: 100% !important;
height: 100% !important;
}
.shortcode-single-video .mejs-container {
padding-top: 56.25%;
}
.shortcode-single-video .wp-video,
.shortcode-single-video video.wp-video-shortcode {
max-width: 100% !important;
}
.shortcode-single-video video.wp-video-shortcode {
position: relative;
}
.shortcode-single-video .mejs-mediaelement {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
// .mejs-controls {
// display: none;
// }
// .mejs-overlay-play {
// top: 0;
// right: 0;
// bottom: 0;
// left: 0;
// width: auto !important;
// height: auto !important;
// }
.shortcode-single-video iframe,
.shortcode-single-video object,
.shortcode-single-video embed,
.shortcode-single-video video,
.post-video iframe,
.post-video object,
.post-video embed,
.shortcode-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.shortcode-single-image img {
max-width: 100%;
height: auto;
}
.borderframe .shortcode-single-image {
border: 1px solid;
}
.borderframe.br-standard .shortcode-single-image {
border: none;
}
.content .borderframe.caption-on .shortcode-single-image {
border-bottom: none;
}
#main .borderframe.caption-on .shortcode-single-image {
padding-bottom: 0 !important;
}
.shortcode-single-caption {
width: 100%;
height: auto;
padding: 15px 20px 0;
.box-sizing (border-box);
text-align: center;
}
.br-standard.borderframe .shortcode-single-caption {
border: none;
}
.shortcode-single-caption p {
margin-bottom: 0;
}