From d9b11cf9e7df10683c369ebfc46964facf4d60a3 Mon Sep 17 00:00:00 2001 From: Lance Willett 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: https://develop.svn.wordpress.org/trunk@21408 602fd350-edb4-49c9-b593-d223f7449a82 --- 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; }