manbearwolf

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<nav class="nav-circlepop">
<b:if cond='data:olderPageUrl'>
<a class="prev" expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;'>
<span class="icon-wrap">
</span>
</a>
</b:if>
<b:if cond='data:newerPageUrl'>
<a class="next" expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;'>

manbearwolf

<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.5.5/clipboard.min.js"></script>
<script>new Clipboard('.btn');</script>
<input id="input" value="Some Text" style="width: 300px;">
<button class="btn" data-clipboard-target="#input">Copy</button>

manbearwolf

/* CSS image zoom effect http://www.spiceupyourblog.com */
.post img {
height: 100%;
width: 100%;

-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;

manbearwolf

<style> 
/*--------Flipper Sharing Widget ------*/ 
.flipper a { 
display:block; 
height:48px; 
width:48px; 
padding:0 4px; 
float:left; 
background:transparent url(http://4.bp.blogspot.com/-dlD3BDKTZjA/T9IuXkfhSeI/AAAAAAAAGno/s8BGOkjdwX0/s1600/flipper.png) no-repeat; 
-webkit-transition: ease-in 0.15s all;    

manbearwolf

<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.5.5/clipboard.min.js"></script>
<script>new Clipboard('.btn');</script>
<input id="input" value="Some Text">
<button class="btn" data-clipboard-target="#input">Copy</button>

manbearwolf

/*-----Responsive Drop Down Menu by MBT ----*/
body { 
margin: 0px; 
} 
#menu{ 
background: #50B7DC; 
color: #FFF; 
height: 40px; 
border-bottom: 2px solid #DDD; 
box-shadow: 1px 2px 9px #B1B1B1; 

manbearwolf

/*--- Header Center Text & 3D CSS3 ShadowText ----*/

#header-inner {text-align:center !important;} #header-inner img {margin: 0 auto !important;}

.header h1 {text-shadow: 2px 2px 5px #eee, 5px 5px 5px #707070 !important;}
#header-inner {text-shadow:  2px 2px 5px #eee, 5px 5px 5px #707070 !important;} 
.post-title {text-shadow:  2px 2px 5px #eee, 5px 5px 5px #707070 !important;}  
.date-header {text-shadow: 2px 2px 5px #eee, 5px 5px 5px #707070 !important;}

/*--- Feel Free To Modify  ----*/

manbearwolf

.svg-wrap{position:absolute;width:0;height:0;overflow:hidden;overflow-x:hidden;overflow-y:hidden}.nav-circlepop a{position:fixed;top:50%;display:block;outline:0;text-align:left;z-index:1000;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.nav-circlepop a.prev{left:0}.nav-circlepop a.next{right:0}.nav-circlepop a svg{display:block;margin:0 auto;padding:0}.nav-circlepop a{margin:0 30px;width:50px;height:50px}.nav-circlepop a::before{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:gray;content:'';opacity:0;-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transform:scale(0.9);transform:scale(0.9)}.nav-circlepop .icon-wrap{position:relative;display:block;margin:10% 0 0 10%;width:80%;height:80%}.nav-circlepop a.next .icon-wrap{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.nav-circlepop .icon-wrap::after,.nav-circlepop .icon-wrap::before{position:absolute;left:25%;width:3px;height:50%;background:black;conte

manbearwolf

/*################MBT Pager ##########################*/
.mbt-pager { border-top: 2px dashed #ddd; border-bottom: 2px dashed #ddd;  margin-bottom: 10px;   overflow:hidden; padding:0px;} 
.mbt-pager li.next { height:114px; float: right; padding:0px; background:none; margin:0px;} 
.mbt-pager li.next a { padding-left: 24px; }
.mbt-pager li.previous { height:114px; margin:0px -2px 0px 0px; float: left;  border-right:1px solid #ddd; padding:0px; background:none; 
} 
.mbt-pager li.previous a { padding-right: 24px;  }
.mbt-pager li.next:hover, .mbt-pager li.previous:hover  {background:#333333; }
.mbt-pager li { width: 50%; display: inline; float: left; text-align: center; } 
.mbt-pager li a { position: relative; min-height: 77px; display: block; padding: 15px 46px 15px; outline:none; text-decoration:none;}

manbearwolf

<style type='text/css'>
.sidebar .PopularPosts ul {
counter-reset: popularcount;
margin: 0;
padding: 0;
}
.sidebar .PopularPosts ul li {
float: left;
max-height: 130px;
min-width: 250px;