Add a contrasting border to admin feature pointers.

props iammattthomas.
see #26689.

Built from https://develop.svn.wordpress.org/trunk@26970


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

wp-includes/css/wp-pointer-rtl.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 60px 14px 18px;
+	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-right: -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-right: -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: #fff;
+	border-right-color: #ccc;
+}
+
+.wp-pointer-left .wp-pointer-arrow:before {
+	margin-right: -12px;
+	margin-top: -13px;
+	border: 13px solid transparent;
+	border-left-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: #fff;
+	border-left-color: #ccc;
+}
+
+.wp-pointer-right .wp-pointer-arrow:before {
+	margin-right: -14px;
+	margin-top: -13px;
+	border: 13px solid transparent;
+	border-right-color: #fff;
+	display: block;
+	content: ' ';
 }
 
 /* Disable pointers at responsive sizes */

wp-includes/css/wp-pointer-rtl.min.css

@@ -1 +1 @@
-.wp-pointer-content{padding:0 0 10px;position:relative;font-size:13px;background:#fff;border:0;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.075);box-shadow:0 3px 6px rgba(0,0,0,.075)}.wp-pointer-content h3{position:relative;margin:0 0 5px;padding:15px 60px 14px 18px;line-height:1.4em;font-size:14px;color:#fff;background:#2ea2cc}.wp-pointer-content h3:before{background:#fff;border-radius:50%;color:#2ea2cc;content:'\f227';font:400 20px/1.6 dashicons;position:absolute;top:8px;right:15px;speak:none;text-align:center;width:32px;height:32px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.wp-pointer-content p{padding:0 15px}.wp-pointer-buttons{margin:0;padding:5px 15px;overflow:auto}.wp-pointer-buttons a{float:left;display:inline-block;text-decoration:none}.wp-pointer-buttons a.close{padding-right:3px;position:relative}.wp-pointer-buttons a.close:before{content:'\f153';display:block!important;font:400 13px/1 dashicons;speak:none;margin:2px 0;text-align:center;-webkit-font-smoothing:antialiased!important;width:10px;height:100%;position:absolute;right:-12px;top:1px}.wp-pointer-arrow,.wp-pointer-arrow-inner{position:absolute;width:0;height:0}.wp-pointer-arrow{z-index:10;width:0;height:0;border:0 solid transparent}.wp-pointer-arrow-inner{z-index:20}.wp-pointer-top,.wp-pointer-undefined{padding-top:13px}.wp-pointer-bottom{padding-bottom:13px}.wp-pointer-left{padding-left:13px}.wp-pointer-right{padding-right:13px}.wp-pointer-top .wp-pointer-arrow,.wp-pointer-bottom .wp-pointer-arrow,.wp-pointer-undefined .wp-pointer-arrow{right:50px}.wp-pointer-left .wp-pointer-arrow,.wp-pointer-right .wp-pointer-arrow{top:50%;margin-top:-15px}.wp-pointer-top .wp-pointer-arrow,.wp-pointer-undefined .wp-pointer-arrow{top:0;border-width:0 17px 15px;border-bottom-color:#2ea2cc}.wp-pointer-bottom .wp-pointer-arrow{bottom:0;border-width:15px 17px 0;border-top-color:#fff}.wp-pointer-left .wp-pointer-arrow{left:0;border-width:17px 15px 17px 0;border-right-color:#fff}.wp-pointer-right .wp-pointer-arrow{right:0;border-width:17px 0 17px 15px;border-left-color:#fff}@media screen and (max-width:782px){.wp-pointer{display:none}}
+.wp-pointer-content{padding:0 0 10px;position:relative;font-size:13px;background:#fff;border:1px solid #dfdfdf;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.075);box-shadow:0 3px 6px rgba(0,0,0,.075)}.wp-pointer-content h3{position:relative;margin:-1px -1px 5px;padding:15px 60px 14px 18px;border:1px solid #3592b6;border-bottom:0;line-height:1.4em;font-size:14px;color:#fff;background:#2ea2cc}.wp-pointer-content h3:before{background:#fff;border-radius:50%;color:#2ea2cc;content:'\f227';font:400 20px/1.6 dashicons;position:absolute;top:8px;right:15px;speak:none;text-align:center;width:32px;height:32px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.wp-pointer-content p{padding:0 15px}.wp-pointer-buttons{margin:0;padding:5px 15px;overflow:auto}.wp-pointer-buttons a{float:left;display:inline-block;text-decoration:none}.wp-pointer-buttons a.close{padding-right:3px;position:relative}.wp-pointer-buttons a.close:before{content:'\f153';display:block!important;font:400 13px/1 dashicons;speak:none;margin:2px 0;text-align:center;-webkit-font-smoothing:antialiased!important;width:10px;height:100%;position:absolute;right:-12px;top:1px}.wp-pointer-arrow,.wp-pointer-arrow-inner{position:absolute;width:0;height:0}.wp-pointer-arrow{z-index:10;width:0;height:0;border:0 solid transparent}.wp-pointer-arrow-inner{z-index:20}.wp-pointer-top,.wp-pointer-undefined{padding-top:13px}.wp-pointer-bottom{padding-bottom:13px}.wp-pointer-left{padding-left:13px}.wp-pointer-right{padding-right:13px}.wp-pointer-top .wp-pointer-arrow,.wp-pointer-bottom .wp-pointer-arrow,.wp-pointer-undefined .wp-pointer-arrow{right:50px}.wp-pointer-left .wp-pointer-arrow,.wp-pointer-right .wp-pointer-arrow{top:50%;margin-top:-15px}.wp-pointer-top .wp-pointer-arrow,.wp-pointer-undefined .wp-pointer-arrow{top:0;border-width:0 13px 13px;border-bottom-color:#3592b6}.wp-pointer-top .wp-pointer-arrow:before,.wp-pointer-undefined .wp-pointer-arrow:before{margin-right:-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:13px 13px 0;border-top-color:#ccc}.wp-pointer-bottom .wp-pointer-arrow:before{margin-right:-13px;margin-top:-14px;border:13px solid transparent;border-top-color:#fff;display:block;content:' '}.wp-pointer-left .wp-pointer-arrow{left:0;border-width:13px 13px 13px 0;border-right-color:#ccc}.wp-pointer-left .wp-pointer-arrow:before{margin-right:-12px;margin-top:-13px;border:13px solid transparent;border-left-color:#fff;display:block;content:' '}.wp-pointer-right .wp-pointer-arrow{right:0;border-width:13px 0 13px 13px;border-left-color:#ccc}.wp-pointer-right .wp-pointer-arrow:before{margin-right:-14px;margin-top:-13px;border:13px solid transparent;border-right-color:#fff;display:block;content:' '}@media screen and (max-width:782px){.wp-pointer{display:none}}

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 */

wp-includes/css/wp-pointer.min.css

@@ -1 +1 @@
-.wp-pointer-content{padding:0 0 10px;position:relative;font-size:13px;background:#fff;border:0;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.075);box-shadow:0 3px 6px rgba(0,0,0,.075)}.wp-pointer-content h3{position:relative;margin:0 0 5px;padding:15px 18px 14px 60px;line-height:1.4em;font-size:14px;color:#fff;background:#2ea2cc}.wp-pointer-content h3:before{background:#fff;border-radius:50%;color:#2ea2cc;content:'\f227';font:400 20px/1.6 dashicons;position:absolute;top:8px;left:15px;speak:none;text-align:center;width:32px;height:32px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.wp-pointer-content p{padding:0 15px}.wp-pointer-buttons{margin:0;padding:5px 15px;overflow:auto}.wp-pointer-buttons a{float:right;display:inline-block;text-decoration:none}.wp-pointer-buttons a.close{padding-left:3px;position:relative}.wp-pointer-buttons a.close:before{content:'\f153';display:block!important;font:400 13px/1 dashicons;speak:none;margin:2px 0;text-align:center;-webkit-font-smoothing:antialiased!important;width:10px;height:100%;position:absolute;left:-12px;top:1px}.wp-pointer-arrow,.wp-pointer-arrow-inner{position:absolute;width:0;height:0}.wp-pointer-arrow{z-index:10;width:0;height:0;border:0 solid transparent}.wp-pointer-arrow-inner{z-index:20}.wp-pointer-top,.wp-pointer-undefined{padding-top:13px}.wp-pointer-bottom{padding-bottom:13px}.wp-pointer-left{padding-left:13px}.wp-pointer-right{padding-right:13px}.wp-pointer-top .wp-pointer-arrow,.wp-pointer-bottom .wp-pointer-arrow,.wp-pointer-undefined .wp-pointer-arrow{left:50px}.wp-pointer-left .wp-pointer-arrow,.wp-pointer-right .wp-pointer-arrow{top:50%;margin-top:-15px}.wp-pointer-top .wp-pointer-arrow,.wp-pointer-undefined .wp-pointer-arrow{top:0;border-width:0 17px 15px;border-bottom-color:#2ea2cc}.wp-pointer-bottom .wp-pointer-arrow{bottom:0;border-width:15px 17px 0;border-top-color:#fff}.wp-pointer-left .wp-pointer-arrow{left:0;border-width:17px 15px 17px 0;border-right-color:#fff}.wp-pointer-right .wp-pointer-arrow{right:0;border-width:17px 0 17px 15px;border-left-color:#fff}@media screen and (max-width:782px){.wp-pointer{display:none}}
+.wp-pointer-content{padding:0 0 10px;position:relative;font-size:13px;background:#fff;border:1px solid #dfdfdf;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.075);box-shadow:0 3px 6px rgba(0,0,0,.075)}.wp-pointer-content h3{position:relative;margin:-1px -1px 5px;padding:15px 18px 14px 60px;border:1px solid #3592b6;border-bottom:0;line-height:1.4em;font-size:14px;color:#fff;background:#2ea2cc}.wp-pointer-content h3:before{background:#fff;border-radius:50%;color:#2ea2cc;content:'\f227';font:400 20px/1.6 dashicons;position:absolute;top:8px;left:15px;speak:none;text-align:center;width:32px;height:32px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.wp-pointer-content p{padding:0 15px}.wp-pointer-buttons{margin:0;padding:5px 15px;overflow:auto}.wp-pointer-buttons a{float:right;display:inline-block;text-decoration:none}.wp-pointer-buttons a.close{padding-left:3px;position:relative}.wp-pointer-buttons a.close:before{content:'\f153';display:block!important;font:400 13px/1 dashicons;speak:none;margin:2px 0;text-align:center;-webkit-font-smoothing:antialiased!important;width:10px;height:100%;position:absolute;left:-12px;top:1px}.wp-pointer-arrow,.wp-pointer-arrow-inner{position:absolute;width:0;height:0}.wp-pointer-arrow{z-index:10;width:0;height:0;border:0 solid transparent}.wp-pointer-arrow-inner{z-index:20}.wp-pointer-top,.wp-pointer-undefined{padding-top:13px}.wp-pointer-bottom{padding-bottom:13px}.wp-pointer-left{padding-left:13px}.wp-pointer-right{padding-right:13px}.wp-pointer-top .wp-pointer-arrow,.wp-pointer-bottom .wp-pointer-arrow,.wp-pointer-undefined .wp-pointer-arrow{left:50px}.wp-pointer-left .wp-pointer-arrow,.wp-pointer-right .wp-pointer-arrow{top:50%;margin-top:-15px}.wp-pointer-top .wp-pointer-arrow,.wp-pointer-undefined .wp-pointer-arrow{top:0;border-width:0 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:13px 13px 0;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:' '}.wp-pointer-left .wp-pointer-arrow{left: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:' '}.wp-pointer-right .wp-pointer-arrow{right:0;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:' '}@media screen and (max-width:782px){.wp-pointer{display:none}}