Difference between revisions of "MediaWiki:Vector.css"
Jump to navigation
Jump to search
| Line 13: | Line 13: | ||
#pmvideoleft {margin:10px;} | #pmvideoleft {margin:10px;} | ||
#pmvideoright {margin:10px;} | #pmvideoright {margin:10px;} | ||
| + | |||
| + | .iframe-container { | ||
| + | position: relative; | ||
| + | overflow: hidden; | ||
| + | width: 100%; | ||
| + | padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */ | ||
| + | } | ||
| + | |||
| + | /* Then style the iframe to fit in the container div with full height and width */ | ||
| + | .responsive-iframe { | ||
| + | position: absolute; | ||
| + | top: 0; | ||
| + | left: 0; | ||
| + | bottom: 0; | ||
| + | right: 0; | ||
| + | width: 100%; | ||
| + | height: 100%; | ||
| + | } | ||
Latest revision as of 00:41, 1 May 2021
/* CSS placed here will affect users of the Vector skin */
/* Bring the text to 14px */
#mw-content-text {
font-size: 0.900em;
}
#bodyContent {
font-size: 0.900em;
}
#pmvideocontainer {height: 100%; width:100%; font-size: 0;}
#pmvideoleft, #pmvideoright {display: inline-block; *display: inline; zoom: 1; vertical-align: top; font-size: 12px; }
#pmvideoleft {margin:10px;}
#pmvideoright {margin:10px;}
.iframe-container {
position: relative;
overflow: hidden;
width: 100%;
padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
}