Press This bookmarklet redesign, props chexee, fixes #17184

git-svn-id: http://svn.automattic.com/wordpress/trunk@17662 1a063a9b-81f0-0310-95a4-ce76da25c4cd

wp-admin/css/wp-admin.dev.css

@@ -3905,7 +3905,80 @@ input.button-highlighted,
   19.0 - Tools
 ------------------------------------------------------------------------------*/
 
+.pressthis {
+	margin: 20px 0;
+}
 
+.pressthis a { 
+	display: inline-block;
+	width: 113px;
+	position: relative;
+	cursor: move;
+	color: #333;
+	background: #dfdfdf;
+	-webkit-gradient(
+		linear,
+		left bottom,
+		left top,
+		color-stop(0.07, rgb(230,230,230)),
+		color-stop(0.77, rgb(216,216,216))
+	);
+	-moz-linear-gradient(
+		center bottom,
+		rgb(230,230,230) 7%,
+		rgb(216,216,216) 77%
+	);
+	background-repeat: no-repeat;
+	background-image-position: 10px 8px;	
+	border-radius: 5px;
+	-webkit-border-radius: 5px;
+	-moz-border-radius: 5px;
+	-o-border-radius: 5px;	
+	border: 1px #b4b4b4 solid;
+	font: normal normal normal 14px/16px Georgia, "Times New Roman", "Bitstream Charter", Times, serif;	
+	text-decoration: none;
+	text-shadow: #fff 0 1px 0px;
+	-webkit-text-shadow: #fff 0 1px 0px;
+	-moz-text-shadow: #fff 0 1px 0px;
+	-o-text-shadow: #fff 0 1px 0px;
+}
+
+.pressthis a:hover,
+.pressthis a:active {
+	color: #333
+}
+
+.pressthis a:hover:after {
+	transform: skew(20deg) rotate(9deg);
+	-webkit-transform: skew(20deg) rotate(9deg);
+	-moz-transform: skew(20deg) rotate(9deg);
+	box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7); 
+	-webkit-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7); 
+	-moz-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7); 
+}
+
+.pressthis a span {
+	background: url(../images/press-this.png) no-repeat 10px 7px ; 
+	padding: 8px 0 8px 32px;
+	display: inline-block;
+}
+
+.pressthis a:after { 
+	content: ''; 
+	width: 70%; 
+	height: 55%;
+	z-index: -1; 
+	position: absolute; 
+	right: 10px; 
+	bottom: 9px; 
+	background: transparent;  
+	transform: skew(20deg) rotate(6deg);
+	-webkit-transform: skew(20deg) rotate(6deg);
+	-moz-transform: skew(20deg) rotate(6deg);
+	box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6); 
+	-webkit-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6); 
+	-moz-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6); 
+} 
 
 
 /*------------------------------------------------------------------------------

wp-admin/tools.php

@@ -33,8 +33,8 @@ require_once('./admin-header.php');
 	<p><?php _e('Press This is a bookmarklet: a little app that runs in your browser and lets you grab bits of the web.');?></p>
 
 	<p><?php _e('Use Press This to clip text, images and videos from any web page. Then edit and add more straight from Press This before you save or publish it in a post on your site.'); ?></p>
-	<p><?php _e('Drag-and-drop the following link to your bookmarks bar or right click it and add it to your favorites for a posting shortcut.') ?></p>
+	<p class="description"><?php _e('Drag-and-drop the following link to your bookmarks bar or right click it and add it to your favorites for a posting shortcut.') ?></p>
-	<p class="pressthis"><a href="<?php echo htmlspecialchars( get_shortcut_link() ); ?>" title="<?php echo esc_attr(__('Press This')) ?>"><?php _e('Press This') ?></a></p>
+	<p class="pressthis"><a href="<?php echo htmlspecialchars( get_shortcut_link() ); ?>" title="<?php echo esc_attr(__('Press This')) ?>"><span><?php _e('Press This') ?></span></a></p>
 </div>
 <?php
 endif;

wp-includes/script-loader.php

@@ -473,7 +473,7 @@ function wp_default_styles( &$styles ) {
 	// Any rtl stylesheets that don't have a .dev version for ltr
 	$no_suffix = array( 'farbtastic' );
 
-	$styles->add( 'wp-admin', "/wp-admin/css/wp-admin$suffix.css", array(), '20110408' );
+	$styles->add( 'wp-admin', "/wp-admin/css/wp-admin$suffix.css", array(), '20110419' );
 
 	$styles->add( 'ie', "/wp-admin/css/ie$suffix.css", array(), '20101102' );
 	$styles->add_data( 'ie', 'conditional', 'lte IE 7' );