Meal Planner Pro "jump to recipe" starter

genesis-header-scripts.html

<script type="text/javascript">
(function($) {
	$(function() {
		var jumpID = $( '.mpprecipe-container-border' ).attr( 'id' );
		if( jumpID ) {
			$( 'body' ).addClass( 'skipLink' );
			$( '.content .entry-header' ).append( '<a href="#' + jumpID + '" class="skip">Skip to Recipe</a>' );
		}
	});
})(jQuery);
</script>

<style type="text/css">
.skipLink .content .entry-header a.skip {
    display: block;
    font-size: 11px;
    float: right;
    height: 56px;
    width: 45px;
    background: #222;
    color: #fff;
    padding: 5px;
    line-height: 15px;
    vertical-align: middle;
    text-align: center;
    text-transform: lowercase;
    margin: 0 0 10px 10px;
}
</style>