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:
lancewillett 2012-08-02 20:57:47 +00:00
parent 0a83a5cb02
commit 4819a3ab37
1 changed files with 6 additions and 2 deletions

View File

@ -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;
} }