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: http://core.svn.wordpress.org/trunk@21408 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
parent
0a83a5cb02
commit
4819a3ab37
|
@ -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