Ticket #26689: 26689-2.patch

src/wp-includes/css/wp-pointer.css

@@ -3 +3 @@
         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 +128 @@
 .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 */