MDL-57991 media: Prevent mediaplayer taking up too much space
[moodle.git] / filter / mediaplugin / styles.css
1 /**
2  * Filters
3  */
4 .mediaplugin {
5     display: block;
6     margin-top: 5px;
7     margin-bottom: 5px;
8     text-align: center;
9 }
11 .mediaplugin,
12 .mediaplugin video {
13     /* Make videos as wide as possible without being wider than their containers */
14     width: 100vw;
15     max-width: 100%;
16     height: auto;
17 }
19 .mediaplugin > div {
20     margin: auto;
21 }
23 /* Make media plugin behave properly in mod summaries and labels */
24 .mod-indent-outer .mediaplugin {
25     display: table-cell;
26 }