From 238f9d2b0a34d024d52d5165e5418f3578ebf2a1 Mon Sep 17 00:00:00 2001
From: Andrew Nacin <nacin@git.wordpress.org>
Date: Fri, 17 Jan 2014 03:48:50 +0000
Subject: [PATCH] Add a contrasting border to admin feature pointers.

props iammattthomas.
see #26689.


git-svn-id: https://develop.svn.wordpress.org/trunk@26970 602fd350-edb4-49c9-b593-d223f7449a82
---
 src/wp-includes/css/wp-pointer.css | 51 ++++++++++++++++++++++++++----
 1 file changed, 45 insertions(+), 6 deletions(-)

diff --git a/src/wp-includes/css/wp-pointer.css b/src/wp-includes/css/wp-pointer.css
index 5ef5994bbe..b1fb5a9732 100644
--- a/src/wp-includes/css/wp-pointer.css
+++ b/src/wp-includes/css/wp-pointer.css
@@ -3,15 +3,17 @@
 	position: relative;
 	font-size: 13px;
 	background: #fff;
-	border: none;
+	border: 1px solid #dfdfdf;
 	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.075);
 	box-shadow:         0 3px 6px rgba(0,0,0,0.075);
 }
 
 .wp-pointer-content h3 {
 	position: relative;
-	margin: 0 0 5px;
+	margin: -1px -1px 5px;
 	padding: 15px 18px 14px 60px;
+	border: 1px solid #3592b6;
+	border-bottom: none;
 	line-height: 1.4em;
 	font-size: 14px;
 	color: #fff;
@@ -126,28 +128,65 @@
 .wp-pointer-top .wp-pointer-arrow,
 .wp-pointer-undefined .wp-pointer-arrow {
 	top: 0;
-	border-width: 0 17px 15px 17px;
+	border-width: 0 13px 13px 13px;
+	border-bottom-color: #3592b6;
+}
+
+.wp-pointer-top .wp-pointer-arrow:before,
+.wp-pointer-undefined .wp-pointer-arrow:before {
+	margin-left: -13px;
+	margin-top: -11px;
+	border: 13px solid transparent;
 	border-bottom-color: #2ea2cc;
+	display: block;
+	content: ' ';
 }
 
 .wp-pointer-bottom .wp-pointer-arrow {
 	bottom: 0;
-	border-width: 15px 17px 0 17px;
+	border-width: 13px 13px 0 13px;
+	border-top-color: #ccc;
+}
+
+.wp-pointer-bottom .wp-pointer-arrow:before {
+	margin-left: -13px;
+	margin-top: -14px;
+	border: 13px solid transparent;
 	border-top-color: #fff;
+	display: block;
+	content: ' ';
 }
 
 /* @noflip */
 .wp-pointer-left .wp-pointer-arrow {
 	left: 0;
-	border-width: 17px 15px 17px 0;
+	border-width: 13px 13px 13px 0;
+	border-right-color: #ccc;
+}
+
+.wp-pointer-left .wp-pointer-arrow:before {
+	margin-left: -12px;
+	margin-top: -13px;
+	border: 13px solid transparent;
 	border-right-color: #fff;
+	display: block;
+	content: ' ';
 }
 
 /* @noflip */
 .wp-pointer-right .wp-pointer-arrow {
 	right:0;
-	border-width: 17px 0 17px 15px;
+	border-width: 13px 0 13px 13px;
+	border-left-color: #ccc;
+}
+
+.wp-pointer-right .wp-pointer-arrow:before {
+	margin-left: -14px;
+	margin-top: -13px;
+	border: 13px solid transparent;
 	border-left-color: #fff;
+	display: block;
+	content: ' ';
 }
 
 /* Disable pointers at responsive sizes */