WordPress.org

Make WordPress Core

Ticket #17184: press-this.diff

File press-this.diff, 3.5 KB (added by chexee, 7 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------------------------------------------------------------------------------*/