MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
mNo edit summary |
No edit summary |
||
| (One intermediate revision 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; | |||
padding-top:30px; | |||
overflow:hidden; | |||
} | height: 355px; | ||
} | |||
.video-container iframe, | .video-container iframe, | ||
.video-container object, | .video-container object, | ||
| Line 25: | Line 25: | ||
@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, | ||
| Line 36: | Line 43: | ||
} | } | ||
} | |||
.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;
}