#928776 by Jeff Burnz, mgifford, jensimmons, tim.plunkett, amateescu: Fixed...

#928776 by Jeff Burnz, mgifford, jensimmons, tim.plunkett, amateescu: Fixed Unpublished comments have a styling issue

themes/bartik/css/colors.css

@@ -12,6 +12,9 @@ body.overlay {
   background-color: #ffffff;
   color: #3b3b3b;
 }
+.comment .comment-arrow {
+  border-color: #ffffff;
+}
 #main-menu-links li a.active,
 #main-menu-links li.active-trail a {
   background: #ffffff;

themes/bartik/css/style-rtl.css

@@ -111,9 +111,9 @@ ul.tips {
   padding: 0 0 0 30px;
 }
 .comment .comment-arrow {
-  background: url(../images/comment-arrow-rtl.png);
+  background-image: url(../images/comment-arrow-rtl.gif);
   margin-left: 0;
-  margin-right: -45px;
+  margin-right: -47px;
 }
 .comment .indented {
   margin-right: 40px;
@@ -122,6 +122,11 @@ ul.tips {
 .comment ul.links li {
   padding: 0 0 0.5em;
 }
+.comment-unpublished {
+  margin-left: 5px;
+  margin-right: 0;
+  padding: 5px 5px 5px 2px;
+}
 
 /* -------------- Password Meter  ------------- */
 

themes/bartik/css/style.css

@@ -595,6 +595,14 @@ ul.links {
   color: #68696b;
   font-size: 0.821em;
 }
+.node-unpublished {
+  margin: -20px -15px 0;
+  padding: 20px 15px 0;
+}
+.node-unpublished .comment-text .comment-arrow {
+  border-left: 1px solid #fff4f4;
+  border-right: 1px solid #fff4f4;
+}
 
 /* ----------------- Comments ----------------- */
 
@@ -637,12 +645,14 @@ ul.links {
   line-height: 1.6;
 }
 .comment .comment-arrow {
-  background: url(../images/comment-arrow.png); /* LTR */
+  background: url(../images/comment-arrow.gif) no-repeat 0 center transparent; /* LTR */
+  border-left: 1px solid;
+  border-right: 1px solid;
   height: 40px;
-  width: 20px;
-  margin-left: -45px; /* LTR */
+  margin-left: -47px; /* LTR */
   margin-top: 10px;
   position: absolute;
+  width: 20px;
 }
 .comment .comment-text {
   padding: 10px 25px;
@@ -660,6 +670,14 @@ ul.links {
 .comment ul.links li {
   padding: 0 0.5em 0 0; /* LTR */
 }
+.comment-unpublished {
+  margin-right: 5px; /* LTR */
+  padding: 5px 2px 5px 5px; /* LTR */
+}
+.comment-unpublished .comment-text .comment-arrow {
+  border-left: 1px solid #fff4f4;
+  border-right: 1px solid #fff4f4;
+}
 
 /* ------------------ Sidebar ----------------- */
 .sidebar .section {