From 64601afb364aece8611230e564c75889bfa1f73b Mon Sep 17 00:00:00 2001 From: nacin Date: Tue, 15 Nov 2011 02:20:44 +0000 Subject: [PATCH] Better fluid/responsive image styles in Twenty Eleven. props iandstewart, lancewillett, fixes #18940. git-svn-id: http://svn.automattic.com/wordpress/trunk@19292 1a063a9b-81f0-0310-95a4-ce76da25c4cd --- wp-content/themes/twentyeleven/style.css | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/wp-content/themes/twentyeleven/style.css b/wp-content/themes/twentyeleven/style.css index 737b853b9..04cd62f7e 100644 --- a/wp-content/themes/twentyeleven/style.css +++ b/wp-content/themes/twentyeleven/style.css @@ -853,12 +853,15 @@ dl.gallery-item { max-width: 97.5%; /* Fluid images for posts, comments, and widgets */ } img[class*="align"], -img[class*="wp-image-"] { +img[class*="wp-image-"], +img[class*="attachment-"] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } -img.size-full { +img.size-full, +img.size-large { max-width: 97.5%; - width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */ + width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */ + height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } .entry-content img.wp-smiley { border: none;