From bf4e70ba7a7046a3e56830eef2efb2e62d0af39e Mon Sep 17 00:00:00 2001
From: nacin <nacin@1a063a9b-81f0-0310-95a4-ce76da25c4cd>
Date: Fri, 10 Jun 2011 23:10:23 +0000
Subject: [PATCH] New comment bubble styling! props matveb, iandstewart, fixes
 #17741.

git-svn-id: http://svn.automattic.com/wordpress/trunk@18255 1a063a9b-81f0-0310-95a4-ce76da25c4cd
---
 .../themes/twentyeleven/colors/dark.css       |   5 +-
 .../images/comment-bubble-dark.png            | Bin 0 -> 965 bytes
 .../twentyeleven/images/comment-bubble.png    | Bin 0 -> 925 bytes
 .../twentyeleven/images/icon-comment.png      | Bin 306 -> 0 bytes
 .../themes/twentyeleven/inc/theme-options.php |   2 +-
 wp-content/themes/twentyeleven/style.css      |  45 +++++++-----------
 6 files changed, 18 insertions(+), 34 deletions(-)
 create mode 100644 wp-content/themes/twentyeleven/images/comment-bubble-dark.png
 create mode 100644 wp-content/themes/twentyeleven/images/comment-bubble.png
 delete mode 100644 wp-content/themes/twentyeleven/images/icon-comment.png

diff --git a/wp-content/themes/twentyeleven/colors/dark.css b/wp-content/themes/twentyeleven/colors/dark.css
index f9da3ac11..fe6de94d2 100644
--- a/wp-content/themes/twentyeleven/colors/dark.css
+++ b/wp-content/themes/twentyeleven/colors/dark.css
@@ -205,13 +205,10 @@ a:active img[class*="wp-image-"] {
 
 /* Comments link */
 .entry-header .comments-link a {
-	background: #242424;
+	background: #282828 url(../images/comment-bubble-dark.png) no-repeat;
 	border-color: #222;
 	color: #888;
 }
-.entry-header .comments-link a .leave-reply {
-	background-position-y: -24px;
-}
 
 /* Singular content styles for Posts and Pages */
 .singular .entry-title {
diff --git a/wp-content/themes/twentyeleven/images/comment-bubble-dark.png b/wp-content/themes/twentyeleven/images/comment-bubble-dark.png
new file mode 100644
index 0000000000000000000000000000000000000000..6bf8797940cd1af1c819597b0f9f5ef52ffcf505
GIT binary patch
literal 965
zcmV;$13LVPP)<h;3K|Lk000e1NJLTq001ih001Ni1^@s65DUW<0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBU#XGugsRCwC#n9oa8Q547L_c%XtOd`@U
ze=tggmL-T_V1Z~@R7lY#+PCR{XxXBc?OFsaDsUTOS&0<nLJRsKDU)K636(?h^Ube5
zC*BNNzG=oB=L$WzocHFvH}~_t=iGDexn`fwmoaUT!(!S(hppHbGMS8)PN%<ML)aiT
zQH(fNtF_u}HhZx(#r9w5!<l3<Ig>~vW;IQl;W|M3Mq8xCi|lVVt(w;Aa5!pgHd`aD
znGbOMD{Kb9xAA!VRVtMl;d+7?f431X4F-c2KD>q24rpIRMTNk(bIWe@j@f8{;ocw7
zXmk|Vdt8q3+~-on;qvmb30M!OCkTx}m&<hwTU)TQs5l=EhaUrc7s!!P4;=alV}^kK
z5DJCD9*?J+&^YkdYyjv-Kp*l4*Ea+7H|R;sRr<fi7@5us%jjO>!4Y1%3Fw=0q$m3R
zBw+`~IKl;tU=xu@WR!<*0XkLAd<w%n<_0|DdWfusWmHb_B}0HdS78DGavD$HClgJq
zf|W!ci^at44-}iUhJl@hFOq{LnBVimFsepXB84f9c?4e|2TLxMi%CV71d}>nPT8-R
z1w~=!;9FW5vk5{Vt|BRHNj)64))MhQY)N5RK-gKbIaLIN&6Qp2{(@zNvjbDFsGxqk
z-M%Xa%S9umT~XL0@HMSewh5{G2?e`iA>g-IEWN_FGG^UQr*j{t1B$8IL*>wwEfR9s
zfcmF{uQ-pohZRwE0H(93>i;8kantE`yL&jj3~*hULHnq~E>c7uH_Wp<u!s8RD5oa@
z-d`rrUOapWj#GLenZLSa5k5y*@q{_~HuuL$2`ANUHrHcL<Ms=9xS#9Ff~s2-Zt!}&
zXDBONC>#KIp@d4xWF+Btj=|I>W5;Okz;KfTS5y--hfrAl=*~t0B0v?Uh1LdaH<_pf
z$b+13TlbC(CB<v0Gz;ilTqY@Ir@<puecMQmT7;+~(aYA+Uc6YRtGoWaF4^c{(fiaW
z1oX9pq`59S??9bqY^4#bcuMzJm1!Ltf_Y(4_2pWs0@;S?6!+n}1{7+REV3DyVog{|
z;6>`5XW5Mo0A-QWDGk6@0R6bIKHnzVrom=a1yZKpPQYZ83ZP%6=5kFIwl!4!u4&o}
nV(W^GQUT<Ay9!hAPXPu1kdt;lLAw>t00000NkvXXu0mjfz+box

literal 0
HcmV?d00001

diff --git a/wp-content/themes/twentyeleven/images/comment-bubble.png b/wp-content/themes/twentyeleven/images/comment-bubble.png
new file mode 100644
index 0000000000000000000000000000000000000000..19011948bbb693b979585bf9654a6c84964a3628
GIT binary patch
literal 925
zcmV;O17iG%P)<h;3K|Lk000e1NJLTq001ih001Ni1^@s65DUW<0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBU#KS@MERCwC#n9FMuQ51(elk_o-Q!`C!
z+JZ&2w1^NSVO$7m5Q1PADhS!AOBY=Px)8DqVsIl!{{cxf7=w$TaZx0?Q7{k}3MHjx
zp<oFqX=#WPCv9Gy6DMJ6CzAy7xCJkqOeXWVU+z8kp5HlC1=_$NY4pG$YT9-mD3{B>
z1VQ*BiehqSXXpFw?(XlFJJV_hjYi`f!!Xk<%kmUOjdTOHluoB##bU8H3kwS$;9LYN
zg6$!H8~ssW!`QFEU>Ngyy}Z?GwVO<)Ycx%>O`oo)w_-AxeCBewY;fx&*eJSqrwrc*
zcFbn8olPVXk4vReP7S6ZEKKiDzu$ioUj{bRNk|1~4cG(@N;aGQ)D|rG;ye7e@B*%z
zkP6T&xW{Rj&F3w_!aw^sJ3D&@9@O;`R0fPbZQ9)2e5neX%jLdWEEY4|e54<sGT;#$
z;qC416-8KdZnxWg8EzcwC#Zb!IUEkYP$;Ahz`|;LgicNZs0?@<w#$3_U}03V(t@H1
zgB?J3fYD9YVK+85e58%440r<hkh7`{qS5FI90WoofgthyjbJ3YfNW$b+)9y?s(w(^
zJRH7}s<wb{4*1p&l|=jx+f`UtV58s{G@<@VgNA17yFn-vx&>buLU#jQBoet>-)DKA
zx1)F=boN=Z*?grwvKY=JwM7v&s?6fz;(5sX#C<|09*;kOi$=m=r?$4XULR0h#bPnD
zw6t`g-&$6#xWeJ^ordBYvjkK*sMh-o%AvNFYgxs#CY4IPfSac~oyoQXiZhG}YpV(4
zTS?sLdns5@4lXY*Uj@(~ZKdL(D6V@v9(%W4LJCYAy5HK`+C#P4fohRMatTux0I?E;
zQE3WiaCLR{zS6Y++f>U(!C>$y95OA0#9HS=DrKYEwPEndNk|6Iflj@o*Xu88G@7F=
zh2BOb&rBxsp5wUNa5>p1W=m0T3^wi=r_*^II-XG!AT&Lw)9L1`yFA03YPTTQwAK{}
z1RP3*4*ab)eVBRTc30_9Q-l=+;WGdomlqvyrGlMAQGrpVSrM&gum~ji;5gU`pU-y#
zGR!Bnl(=8*0Bk;=Paq&}%vgrR^9mvDj{pMztOFz|2^8kj00000NkvXXu0mjf&!?Fl

literal 0
HcmV?d00001

diff --git a/wp-content/themes/twentyeleven/images/icon-comment.png b/wp-content/themes/twentyeleven/images/icon-comment.png
deleted file mode 100644
index 0609a9b3a7e17e4752e7de0b72c41fb2f63e189d..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 306
zcmeAS@N?(olHy`uVBq!ia0vp^5<qOg!3-pA!n`H|DYF2d5LY1m|Nnnd$!<&EbwE7=
zB|(0{KuRDXVZnk88x9<}aN)y;uP*99DTdjeE{-7<r|(WW&2`8?#Kr$mfY*yd|Noy8
zSQ@jKJ9=$pqqN}rBEIjYJu+{FVhfm;{9GAxhC%&6d-DCBr94dge<Ym}GH!Zs`lp>s
zi`4I>t7k-+`#xv<@#mmkM6~xcL4(!DXIeUH=_;xVJdwCpT_$|;W61>hZTrvpX8-OF
zy6?C&f5A2LfY-|FWB3i2O4t2xTDL}gzMhBuOznSm;pMq8p@wT0+%f{W)6><@Wt~$(
F698?@ez^bu

diff --git a/wp-content/themes/twentyeleven/inc/theme-options.php b/wp-content/themes/twentyeleven/inc/theme-options.php
index 436ef404c..a31e1b2f7 100644
--- a/wp-content/themes/twentyeleven/inc/theme-options.php
+++ b/wp-content/themes/twentyeleven/inc/theme-options.php
@@ -370,7 +370,7 @@ function twentyeleven_print_link_color_style() {
 		.entry-header .comments-link a:focus,
 		.entry-header .comments-link a:active,
 		.feature-slider a.active {
-			background: <?php echo $link_color; ?>;
+			background-color: <?php echo $link_color; ?>;
 		}
 	</style>
 <?php
diff --git a/wp-content/themes/twentyeleven/style.css b/wp-content/themes/twentyeleven/style.css
index 29460228a..e992bbac2 100644
--- a/wp-content/themes/twentyeleven/style.css
+++ b/wp-content/themes/twentyeleven/style.css
@@ -992,48 +992,32 @@ a:active img[class*="wp-image-"] {
 
 /* Comments link */
 .entry-header .comments-link a {
-	background: #eee;
-	border: 1px solid #ddd;
-	-moz-border-radius: 24px;
-	border-radius: 24px;
-	color: #777;
-	font-size: 18px;
-	font-weight: 300;
-	line-height: 48px;	
+	background: #eee url(images/comment-bubble.png) no-repeat;
+	color: #666;
+	font-size: 13px;
+	font-weight: normal;
+	line-height: 36px;
 	overflow: hidden;
+	padding: 0 0 0;
 	position: absolute;
+	top: 1.5em;
+	right: 0;
 	text-align: center;
 	text-decoration: none;
-	top: .5em;
-	right: 0;
-	width: 48px;
-	height: 48px;
+	width: 43px;
+	height: 36px;
 }
 .entry-header .comments-link a:hover,
 .entry-header .comments-link a:focus,
 .entry-header .comments-link a:active {
-	background: #1982d1;
-	border-color: #1573bb;
-	border-color: rgba(0,0,0,0.2);
+	background-color: #1982d1;
 	color: #fff;
 	color: rgba(255,255,255,0.8);
 }
 .entry-header .comments-link .leave-reply {
-	background: url(images/icon-comment.png) no-repeat;
-	color: transparent;
-	display: inline-block;
-	font-family: "Arial Unicode MS", "Helvetica Neue", Helvetica, Arial, sans-serif;
-	font-size: 26px;
-	height: 24px;
-	line-height: 12px;
-	opacity: 0.25;
-	position: relative;
-	width: 24px;
-}
-.entry-header .comments-link a:hover .leave-reply {
-	background-position-y: -24px;
-	opacity: 0.5;
+	 visibility: hidden;
 }
+
 /*
 	Post Formats Headings
 	To hide the headings, display: none the ".entry-header .entry-format" selector,
@@ -1214,6 +1198,9 @@ blockquote.pull {
 /* =Image
 ----------------------------------------------- */
 
+.indexed.format-image .entry-header {
+	min-height: 61px; /* Prevent the comment icon from colliding with the image when there is no title */
+}
 .indexed.format-image .entry-content {
 	padding-top: 0.5em;
 }