WordPress.org

Make WordPress Core

Ticket #17184: press-this.diff

File press-this.diff, 3.5 KB (added by chexee, 4 years ago)

Press This bookmarklet redesign

  • wp-admin/tools.php

     
    3333        <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> 
    3434 
    3535        <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> 
    36         <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> 
    37         <p class="pressthis"><a href="<?php echo htmlspecialchars( get_shortcut_link() ); ?>" title="<?php echo esc_attr(__('Press This')) ?>"><?php _e('Press This') ?></a></p> 
     36        <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> 
     37        <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> 
    3838</div> 
    3939<?php 
    4040endif; 
  • wp-admin/css/wp-admin.dev.css

     
    39053905  19.0 - Tools 
    39063906------------------------------------------------------------------------------*/ 
    39073907 
     3908.pressthis { margin: 20px 0; } 
    39083909 
     3910.pressthis a {  
     3911        display: inline-block; 
     3912        width: 113px; 
     3913        position: relative; 
     3914        cursor: move; 
     3915        color: #333; 
     3916        background: #dfdfdf; 
     3917        -webkit-gradient( 
     3918    linear, 
     3919    left bottom, 
     3920    left top, 
     3921    color-stop(0.07, rgb(230,230,230)), 
     3922    color-stop(0.77, rgb(216,216,216)) 
     3923        ); 
     3924        -moz-linear-gradient( 
     3925    center bottom, 
     3926    rgb(230,230,230) 7%, 
     3927    rgb(216,216,216) 77% 
     3928        ); 
     3929        background-repeat: no-repeat; 
     3930        background-image-position: 10px 8px;     
     3931        border-radius: 5px; 
     3932        -webkit-border-radius: 5px; 
     3933        -moz-border-radius: 5px; 
     3934        -o-border-radius: 5px;   
     3935        border: 1px #b4b4b4 solid; 
     3936        font: normal normal normal 14px/16px Georgia, "Times New Roman", "Bitstream Charter", Times, serif;      
     3937        text-decoration: none; 
     3938        text-shadow: #fff 0 1px 0px; 
     3939        -webkit-text-shadow: #fff 0 1px 0px; 
     3940        -moz-text-shadow: #fff 0 1px 0px; 
     3941        -o-text-shadow: #fff 0 1px 0px; 
     3942} 
    39093943 
     3944.pressthis a:hover, 
     3945.pressthis a:active { color: #333 } 
    39103946 
     3947.pressthis a:hover:after { 
     3948        transform: skew(20deg) rotate(9deg); 
     3949        -webkit-transform: skew(20deg) rotate(9deg); 
     3950        -moz-transform: skew(20deg) rotate(9deg); 
     3951        box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7);  
     3952        -webkit-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7);  
     3953        -moz-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7);  
     3954} 
     3955 
     3956.pressthis a span { 
     3957        background: url(../images/press-this.png) no-repeat 10px 7px ;  
     3958        padding: 8px 0 8px 32px; 
     3959        display: inline-block; 
     3960} 
     3961 
     3962.pressthis a:after {  
     3963        content: '';  
     3964        width: 70%;  
     3965        height: 55%; 
     3966        z-index: -1;  
     3967        position: absolute;  
     3968        right: 10px;  
     3969        bottom: 9px;  
     3970        background: transparent;   
     3971        transform: skew(20deg) rotate(6deg); 
     3972        -webkit-transform: skew(20deg) rotate(6deg); 
     3973        -moz-transform: skew(20deg) rotate(6deg); 
     3974        box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6);  
     3975        -webkit-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6);  
     3976        -moz-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6);  
     3977}  
     3978 
     3979 
    39113980/*------------------------------------------------------------------------------ 
    39123981  20.0 - Settings 
    39133982------------------------------------------------------------------------------*/