Press This bookmarklet redesign, props chexee, fixes #17184

git-svn-id: http://svn.automattic.com/wordpress/trunk@17662 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
azaozz 2011-04-20 07:24:11 +00:00
parent 8a9627d150
commit b3bb537735
4 changed files with 77 additions and 4 deletions

File diff suppressed because one or more lines are too long

View File

@ -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);
}
/*------------------------------------------------------------------------------

View File

@ -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="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;

View File

@ -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' );