MediaWiki:Common.css: Difference between revisions

From LemonWiki共筆
Jump to navigation Jump to search
 
No edit summary
 
(4 intermediate revisions by the same user not shown)
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;
overflow:hidden;
        height: 355px;
}


padding-bottom:56.25%;
    .video-container iframe,
.video-container object,
.video-container embed{


padding-top:30px;height:0;overflow:hidden;
position:absolute;
top:0;
left:0;
width: 425px;
height: 355px;


}
}
}


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


.video-container iframe,
position:relative;
padding-top:30px;height:0;overflow:hidden;
        padding-bottom: 56.25%;
}


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


.video-container embed{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;


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


.hightlight {
color: purple;
}
}

Latest revision as of 11:03, 18 December 2018

/* 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;
		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%;

	}
}

.hightlight {
	color: purple;
}