Twenty Twelve: make sure embeds and videos don't overflow their containers, and add iframe styles to all embeds, videos, and objects. Fixes #21382.
Props chriswallace and obenland for troubleshooting. git-svn-id: https://develop.svn.wordpress.org/trunk@21408 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
parent
46910c79e4
commit
d9b11cf9e7
@ -287,8 +287,9 @@ img.wp-post-image {
|
|||||||
height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
|
height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Media */
|
/* Make sure videos and embeds fit their containers */
|
||||||
embed,
|
embed,
|
||||||
|
iframe,
|
||||||
object,
|
object,
|
||||||
video {
|
video {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
@ -853,7 +854,10 @@ img.aligncenter {
|
|||||||
margin-bottom: 12px;
|
margin-bottom: 12px;
|
||||||
margin-bottom: 0.857142857rem;
|
margin-bottom: 0.857142857rem;
|
||||||
}
|
}
|
||||||
.entry-content iframe {
|
.entry-content embed,
|
||||||
|
.entry-content iframe,
|
||||||
|
.entry-content object,
|
||||||
|
.entry-content video {
|
||||||
margin-bottom: 24px;
|
margin-bottom: 24px;
|
||||||
margin-bottom: 1.714285714rem;
|
margin-bottom: 1.714285714rem;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user