Twenty Eleven: fix long URLs in comments overflow content area, fixes #21491. Props SergeyBiryukov jkudish andrewspittle.

Also minor pinking shears in stylesheet and functions file.


git-svn-id: http://core.svn.wordpress.org/trunk@21487 1a063a9b-81f0-0310-95a4-ce76da25c4cd

wp-content/themes/twentyeleven/functions.php

@@ -131,7 +131,7 @@ function twentyeleven_setup() {
 		// Callback used to display the header preview in the admin.
 		'admin-preview-callback' => 'twentyeleven_admin_header_image',
 	);
-	
+
 	add_theme_support( 'custom-header', $custom_header_support );
 
 	if ( ! function_exists( 'get_custom_header' ) ) {
@@ -221,7 +221,7 @@ function twentyeleven_header_style() {
 	// If no custom options for text are set, let's bail.
 	if ( $text_color == HEADER_TEXTCOLOR )
 		return;
-		
+
 	// If we get this far, we have custom styles. Let's do this.
 	?>
 	<style type="text/css">

wp-content/themes/twentyeleven/style.css

@@ -1960,6 +1960,12 @@ section.ephemera .entry-title a span {
 }
 .commentlist .children li.comment .comment-content {
 	margin: 1.625em 0 0;
+	-ms-word-break: break-all;
+	word-break: break-all;
+	word-break: break-word;
+	-webkit-hyphens: auto;
+	-moz-hyphens: auto;
+	hyphens: auto;
 }
 .comment-meta a {
 	font-weight: bold;
@@ -2686,9 +2692,9 @@ p.comment-form-comment {
 	margin-right: 7.6%;
 }
 
-/* =IE8 
------------------------------------------------ */ 
- 
-#ie8 section.feature-image.large img { 
-	width: 100%; 
-} 
+/* =IE8
+----------------------------------------------- */
+
+#ie8 section.feature-image.large img {
+	width: 100%;
+}