Index: wp-includes/js/wp-pointer.dev.js
===================================================================
--- wp-includes/js/wp-pointer.dev.js (revision 19266)
+++ wp-includes/js/wp-pointer.dev.js (working copy)
@@ -13,8 +13,8 @@
return $(this).text();
},
buttons: function( event, t ) {
- var close = ( wpPointerL10n ) ? wpPointerL10n.close : 'Close',
- button = $('' + close + '');
+ var close = ( wpPointerL10n ) ? wpPointerL10n.dismiss : 'Dismiss',
+ button = $('' + close + '');
return button.bind( 'click.pointer', function() {
t.element.pointer('close');
Index: wp-includes/css/wp-pointer.dev.css
===================================================================
--- wp-includes/css/wp-pointer.dev.css (revision 19266)
+++ wp-includes/css/wp-pointer.dev.css (working copy)
@@ -1,28 +1,49 @@
+.wp-pointer {
+}
.wp-pointer-content {
- padding: 0 15px;
- background: white;
- border: 1px solid #ccc;
+ background:#fff;
+ border:1px solid #dfdfdf;
+ border:1px solid rgba(0,0,0,.125); /* So as to look better against non-white backgrounds for rgba-compliant browsers */
+ border-radius:3px;
+ box-shadow:0 2px 4px rgba(0,0,0,.19);
+ padding:0 0 10px;
+ position:relative;
+}
- -webkit-border-radius: 3px;
- border-radius: 3px;
+.wp-pointer-content h3 {
+ margin:0;
+ padding:18px 18px 18px 56px;
+ font-size:14px;
+ color:#fff;
+ border-radius:3px 3px 0 0;
+ text-shadow:0 -1px 0 rgba(0,0,0,.3);
+ background-color: #8cc1e9;
+ background-image: -webkit-linear-gradient(bottom, rgb(114,167,207) 0%, rgb(140,193,233) 100%);
+ background-image: -moz-linear-gradient(bottom, rgb(114,167,207) 0%, rgb(140,193,233) 100%);
+ background-image: -ms-linear-gradient(bottom, rgb(114,167,207) 0%, rgb(140,193,233) 100%);
+ background-image: -o-linear-gradient(bottom, rgb(114,167,207) 0%, rgb(140,193,233) 100%);
+ background-image: linear-gradient(bottom, rgb(114,167,207) 0%, rgb(140,193,233) 100%);
+}
- -moz-box-shadow: 1px 1px 2px rgba( 0, 0, 0, 0.4 );
- -webkit-box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.5);
- box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.5);
+.wp-pointer-content h3:before {
+ position:absolute;
+ top:7px;
+ left:10px;
+ content:' ';
+ width:36px;
+ height:37px;
+ background:url('../images/icon-pointer-flag.png') 0 0 no-repeat;
}
+.wp-pointer-content p {
+ padding:5px 15px;
+}
+
.wp-pointer-buttons {
- margin: 0 -15px;
- padding: 5px 10px;
+ margin: 0;
+ padding: 5px 15px;
overflow: auto;
- background: #f5f5f5;
- border-top: 1px solid #ddd;
-
- -webkit-border-bottom-right-radius: 3px;
- -webkit-border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
}
.wp-pointer-buttons a {
@@ -31,6 +52,24 @@
text-decoration: none;
}
+.wp-pointer-buttons a.close {
+ padding-left:3px;
+ position: relative;
+}
+
+.wp-pointer-buttons a.close:before {
+ content: ' ';
+ width:10px;
+ height:100%;
+ position:absolute;
+ left:-10px;
+ background:url('../../wp-admin/images/xit.gif') 0 50% no-repeat;
+}
+
+.wp-pointer-buttons a.close:hover:before {
+ background-position:100% 50%;
+}
+
/* The arrow base class must take up no space, even with transparent borders. */
.wp-pointer-arrow,
.wp-pointer-arrow-inner {
@@ -41,86 +80,66 @@
.wp-pointer-arrow {
z-index: 10;
+ background:url('../images/arrow-pointer-blue.png') 0 0 no-repeat;
}
.wp-pointer-arrow-inner {
z-index: 20;
}
-.wp-pointer-left {
- margin-left: 10px;
+/* Make Room for the Arrow! */
+.wp-pointer-top,
+.wp-pointer-undefined {
+ padding-top:13px;
}
-.wp-pointer-right {
- margin-left: -10px;
+.wp-pointer-bottom {
+ padding-bottom:13px;
}
-.wp-pointer-top {
- margin-top: 10px;
+.wp-pointer-left {
+ padding-left:13px;
}
-.wp-pointer-bottom {
- margin-top: -10px;
+.wp-pointer-right {
+ padding-right:13px;
}
-.wp-pointer-left .wp-pointer-arrow,
-.wp-pointer-right .wp-pointer-arrow,
+/* Base Size & Positioning */
.wp-pointer-top .wp-pointer-arrow,
-.wp-pointer-bottom .wp-pointer-arrow {
- border: solid 10px transparent;
+.wp-pointer-bottom .wp-pointer-arrow,
+.wp-pointer-undefined .wp-pointer-arrow {
+ left:50px;
+ width:30px;
+ height:14px;
}
-.wp-pointer-left .wp-pointer-arrow {
- border-right-color: #aaa;
- border-left-width: 0;
-}
-
+.wp-pointer-left .wp-pointer-arrow,
.wp-pointer-right .wp-pointer-arrow {
- border-left-color: #aaa;
- border-right-width: 0;
+ top:60px;
+ width:14px;
+ height:30px;
}
-.wp-pointer-top .wp-pointer-arrow {
- border-top-width: 0;
+/* Arrow Sprite */
+.wp-pointer-top .wp-pointer-arrow,
+.wp-pointer-undefined .wp-pointer-arrow {
+ top:0;
+ background-position:0 0;
}
.wp-pointer-bottom .wp-pointer-arrow {
- border-top-color: #aaa;
- border-bottom-width: 0;
+ bottom:0;
+ background-position:0 -46px;
}
-.wp-pointer-left .wp-pointer-arrow-inner,
-.wp-pointer-right .wp-pointer-arrow-inner,
-.wp-pointer-top .wp-pointer-arrow-inner,
-.wp-pointer-bottom .wp-pointer-arrow-inner {
- border: solid 9px transparent;
+.wp-pointer-left .wp-pointer-arrow {
+ left:0;
+ background-position:0 -15px;
}
-.wp-pointer-left .wp-pointer-arrow-inner {
- border-right-color: #fff;
- border-left-width: 0;
- top: -9px;
- left: 2px;
+.wp-pointer-right .wp-pointer-arrow {
+ right:0;
+ background-position:-16px -15px;
}
-.wp-pointer-right .wp-pointer-arrow-inner {
- border-left-color: #fff;
- border-right-width: 0;
- top: -9px;
- right: 2px;
-}
-
-.wp-pointer-top .wp-pointer-arrow-inner {
- border-bottom-color: #fff;
- border-top-width: 0;
- top: 2px;
- left: -9px;
-}
-
-.wp-pointer-bottom .wp-pointer-arrow-inner {
- border-top-color: #fff;
- border-bottom-width: 0;
- bottom: 2px;
- left: -9px;
-}
-
Index: wp-includes/script-loader.php
===================================================================
--- wp-includes/script-loader.php (revision 19266)
+++ wp-includes/script-loader.php (working copy)
@@ -99,6 +99,7 @@
$scripts->add( 'wp-pointer', "/wp-includes/js/wp-pointer$suffix.js", array( 'jquery-ui-widget', 'jquery-ui-position' ), '20111017', 1 );
$scripts->localize( 'wp-pointer', 'wpPointerL10n', array(
'close' => __('Close'),
+ 'dismiss' => __('Dismiss'),
) );
$scripts->add( 'autosave', "/wp-includes/js/autosave$suffix.js", array('schedule', 'wp-ajax-response'), '20111111', 1 );