Ticket #17184: press-this.diff

wp-admin/tools.php

@@ -33 +33 @@
         <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="pressthis"><a href="<?php echo htmlspecialchars( get_shortcut_link() ); ?>" title="<?php echo esc_attr(__('Press This')) ?>"><?php _e('Press This') ?></a></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')) ?>"><span><?php _e('Press This') ?></span></a></p>
 </div>
 <?php
 endif;

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

@@ -3905 +3905 @@
   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); 
+} 
+
+
 /*------------------------------------------------------------------------------
   20.0 - Settings
 ------------------------------------------------------------------------------*/