mirror of https://github.com/MISP/misp-website
25 lines
438 B
SCSS
25 lines
438 B
SCSS
|
// Adds support for a video holder
|
||
|
|
// as per http://webdesignerwall.com/tutorials/css-elastic-videos
|
||
|
|
|
||
|
|
.myvideo {
|
||
|
|
position : relative;
|
||
|
|
display : block;
|
||
|
|
width : 30%;
|
||
|
|
min-width : 200px;
|
||
|
|
margin : auto;
|
||
|
|
height : auto;
|
||
|
|
}
|
||
|
|
.flex-video {
|
||
|
|
position : relative;
|
||
|
|
padding-bottom : 67.5%;
|
||
|
|
height : 0;
|
||
|
|
overflow : hidden;
|
||
|
|
}
|
||
|
|
.flex-video iframe, .flex-video object, .flex-video embed {
|
||
|
|
position : absolute;
|
||
|
|
top : 0;
|
||
|
|
left : 0;
|
||
|
|
width : 100%;
|
||
|
|
height : 100%;
|
||
|
|
}
|