From 4819a3ab37f998f784d6d432819eac07ea64b22b Mon Sep 17 00:00:00 2001 From: lancewillett Date: Thu, 2 Aug 2012 20:57:47 +0000 Subject: [PATCH] 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 --- wp-content/themes/twentytwelve/style.css | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/wp-content/themes/twentytwelve/style.css b/wp-content/themes/twentytwelve/style.css index 5239637793..3bb91b42aa 100644 --- a/wp-content/themes/twentytwelve/style.css +++ b/wp-content/themes/twentytwelve/style.css @@ -287,8 +287,9 @@ img.wp-post-image { 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, +iframe, object, video { max-width: 100%; @@ -853,7 +854,10 @@ img.aligncenter { margin-bottom: 12px; margin-bottom: 0.857142857rem; } -.entry-content iframe { +.entry-content embed, +.entry-content iframe, +.entry-content object, +.entry-content video { margin-bottom: 24px; margin-bottom: 1.714285714rem; }