wp another page navi

//  wp another page navi

	<?php if(function_exists('wp_pagenavi')):?>
	<div class=" page_navi_plugin">
		<?php wp_pagenavi();?>
	</div>
	<?php else:?>
	<div class="post_navigation single_page_sidebar_navigation">
		<?php next_posts_link( __( '<span class="meta-nav"> Next&rarr;</span>', 'mostra' ) ); ?>
		<?php previous_posts_link( __( '<span class="meta-nav">&larr; Previous</span>', 'mostra' ) ); ?>

	</div>
	<?php endif;?>



// css
/* page navi css*/
.page_navi_plugin{}
.page_navi_plugin .wp-pagenavi{border:0;background:#;padding:10px;display:inline-block;}
.page_navi_plugin .wp-pagenavi span{padding:9px;border:1px solid #69C238;}
.page_navi_plugin .wp-pagenavi span.pages{border:0;color:#000;display:none}
.page_navi_plugin .wp-pagenavi span.current{color:red;padding:10px 15px;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: linear-gradient(to bottom, #00B4F5, #008DC5) repeat scroll 0 0 border-box #009DD8;
border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.4);
border-image: none;
border-style: solid;
border-width: 1px;
color: #FFFFFF;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.page_navi_plugin .wp-pagenavi a{border:0;padding:10px 15px;-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: linear-gradient(to bottom, #FFFFFF, #EEEEEE) repeat scroll 0 0 border-box #F7F7F7;
border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
border-image: none;
border-style: solid;
border-width: 1px;
color: #666666;
text-shadow: 0 1px 0 #FFFFFF;}
.page_navi_plugin .wp-pagenavi a:hover{-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: linear-gradient(to bottom, #00B4F5, #008DC5) repeat scroll 0 0 border-box #009DD8;
border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.4);
border-image: none;
border-style: solid;
border-width: 1px;
color: #FFFFFF;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);}
.page_navi_plugin .wp-pagenavi span.extend{border:0}
.page_navi_plugin .wp-pagenavi a.page{font-family:'Patua One',cursive}
.page_navi_plugin .wp-pagenavi a.page:hover{color:red}
.page_navi_plugin .wp-pagenavi a.larger{}
.page_navi_plugin .wp-pagenavi a.previouspostslink:hover{color:red}
.page_navi_plugin .wp-pagenavi a.nextpostslink:hover{color:red}
.page_navi_plugin .wp-pagenavi a.nextpostslink{}