From e157b096ec7a7e1db0b8d57cf03ae857f2b58a4b Mon Sep 17 00:00:00 2001
From: Angie Byron <webchick@24967.no-reply.drupal.org>
Date: Mon, 6 Dec 2010 19:55:44 +0000
Subject: #928776 by Jeff Burnz, mgifford, jensimmons, tim.plunkett, amateescu:
 Fixed Unpublished comments have a styling issue

---
 themes/bartik/css/colors.css               |   3 +++
 themes/bartik/css/style-rtl.css            |   9 +++++++--
 themes/bartik/css/style.css                |  24 +++++++++++++++++++++---
 themes/bartik/images/comment-arrow-rtl.gif | Bin 0 -> 97 bytes
 themes/bartik/images/comment-arrow-rtl.png | Bin 168 -> 0 bytes
 themes/bartik/images/comment-arrow.gif     | Bin 0 -> 97 bytes
 themes/bartik/images/comment-arrow.png     | Bin 169 -> 0 bytes
 7 files changed, 31 insertions(+), 5 deletions(-)
 create mode 100644 themes/bartik/images/comment-arrow-rtl.gif
 delete mode 100644 themes/bartik/images/comment-arrow-rtl.png
 create mode 100644 themes/bartik/images/comment-arrow.gif
 delete mode 100644 themes/bartik/images/comment-arrow.png

diff --git a/themes/bartik/css/colors.css b/themes/bartik/css/colors.css
index d61296068..4cbd2c64b 100644
--- a/themes/bartik/css/colors.css
+++ b/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;
diff --git a/themes/bartik/css/style-rtl.css b/themes/bartik/css/style-rtl.css
index 31798e54f..28d325ae4 100644
--- a/themes/bartik/css/style-rtl.css
+++ b/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  ------------- */
 
diff --git a/themes/bartik/css/style.css b/themes/bartik/css/style.css
index 520196786..4d8139416 100644
--- a/themes/bartik/css/style.css
+++ b/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 {
diff --git a/themes/bartik/images/comment-arrow-rtl.gif b/themes/bartik/images/comment-arrow-rtl.gif
new file mode 100644
index 000000000..b597e6587
Binary files /dev/null and b/themes/bartik/images/comment-arrow-rtl.gif differ
diff --git a/themes/bartik/images/comment-arrow-rtl.png b/themes/bartik/images/comment-arrow-rtl.png
deleted file mode 100644
index 892fb4669..000000000
Binary files a/themes/bartik/images/comment-arrow-rtl.png and /dev/null differ
diff --git a/themes/bartik/images/comment-arrow.gif b/themes/bartik/images/comment-arrow.gif
new file mode 100644
index 000000000..ce48d0ccd
Binary files /dev/null and b/themes/bartik/images/comment-arrow.gif differ
diff --git a/themes/bartik/images/comment-arrow.png b/themes/bartik/images/comment-arrow.png
deleted file mode 100644
index 7e908a096..000000000
Binary files a/themes/bartik/images/comment-arrow.png and /dev/null differ
-- 
cgit v1.2.3