MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
(Created page with "→CSS placed here will be applied to all skins: →RWD Youtube 以及 Vimeo https://km.nicetypo.com/doc/0432dd74c46358204b599b4a3a9076bc: .video-container{ position:rela...") |
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; | |||
} | |||
.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 object, | .video-container iframe, | ||
.video-container object, | |||
.video-container embed{ | |||
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;
}