Difference between revisions of "MediaWiki:Vector.css"
Jump to navigation
Jump to search
(10 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will affect users of the Vector skin */ | /* CSS placed here will affect users of the Vector skin */ | ||
/* Bring the text to 14px */ | /* Bring the text to 14px */ | ||
+ | #mw-content-text { | ||
+ | font-size: 0.900em; | ||
+ | } | ||
+ | |||
#bodyContent { | #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%; | ||
} | } |
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%;
}