MediaWiki:Common.css: Difference between revisions

From LemonWiki共筆
Jump to navigation Jump to search
mNo edit summary
No edit summary
Line 2: Line 2:
/*RWD Youtube 以及 Vimeo https://km.nicetypo.com/doc/0432dd74c46358204b599b4a3a9076bc */
/*RWD Youtube 以及 Vimeo https://km.nicetypo.com/doc/0432dd74c46358204b599b4a3a9076bc */


.video-container{
@media screen and (min-width: 480px) {
.video-container{


position:relative;
position:relative;
padding-top:30px;height:0;overflow:hidden;
padding-top:30px;height:0;overflow:hidden;
         padding-bottom: 56.25%;
         height: 355px;
}
}


@media screen and (min-width: 480px) {
     .video-container iframe,
     .video-container iframe,
.video-container object,
.video-container object,
Line 25: Line 24:


@media only screen and (max-width: 480px) {
@media only screen and (max-width: 480px) {
.video-container{
position:relative;
padding-top:30px;height:0;overflow:hidden;
        padding-bottom: 56.25%;
}
     .video-container iframe,
     .video-container iframe,
.video-container object,
.video-container object,

Revision as of 00:25, 13 September 2017

/* CSS placed here will be applied to all skins */
/*RWD Youtube 以及 Vimeo https://km.nicetypo.com/doc/0432dd74c46358204b599b4a3a9076bc */

@media screen and (min-width: 480px) {
	.video-container{

		position:relative;
		padding-top:30px;height:0;overflow:hidden;
        height: 355px;
	}

    .video-container iframe,
	.video-container object,
	.video-container embed{

		position:absolute;
		top:0;
		left:0;
		width: 425px;
		height: 355px;

	}
}

@media only screen and (max-width: 480px) {
	.video-container{

		position:relative;
		padding-top:30px;height:0;overflow:hidden;
        padding-bottom: 56.25%;
	}

    .video-container iframe,
	.video-container object,
	.video-container embed{

		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;

	}
}