Changeset 26971

Timestamp:

01/17/2014 04:13:18 AM (11 years ago)

Author:

nacin

Message:

Add a contrasting border to admin feature pointers.

Merges [26970] to the 3.8 branch.

props iammattthomas.
fixes #26689.

Location:

branches/3.8

Files:

• . (modified) (1 prop)
• src/wp-includes/css/wp-pointer.css (modified) (5 diffs)

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

@@ -4 +4 @@
     font-size: 13px;
     background: #fff;
-    border: none;
+    border: ;
     -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.075);
     box-shadow:         0 3px 6px rgba(0,0,0,0.075);
@@ -11 +11 @@
 .wp-pointer-content h3 {
     position: relative;
-    margin: 0 0 5px;
+    margin:  5px;
     padding: 15px 18px 14px 60px;
+
+
     line-height: 1.4em;
     font-size: 14px;
@@ -127 +129 @@
 .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;
+
+
 }
 
 .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;
+
+
 }
 
@@ -140 +161 @@
 .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;
+
+
 }
 
@@ -147 +177 @@
 .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;
+
+
 }