Create a new version of paste:

<!DOCTYPE html>
  <!----

    // Snot theme 
    
    by espoirthemes //
   
      +don't move credit please
      +edit as much as you want!

     Version 1.1 
     - Fixed sidebar background problem.
    ---->
    
    <html>
    <head>
<title>{Title}</title>
 
<link rel="shortcut icon" href="https://78.media.tumblr.com/d2124103caacb754770c1e783f919172/tumblr_otyyt65tn11vvn6gvo1_250.png">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
 
<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
 <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
<link href="https://fonts.googleapis.com/css?family=Arvo|Roboto:300,400" rel="stylesheet">

 
<meta name="image:sidebar background" content="https://68.media.tumblr.com/d75460e469021aacbb1f706d3799a34f/tumblr_ocxac7a4zV1qmumgso1_540.png" />
<meta name="image:Background" content="" />
 
<meta name="color:Background" content="#fffffF" />
<meta name="color:Header" content="#ffffff" />
<meta name="color:sidebar" content="#fff" />
<meta name="color:text" content="#000000" />
<meta name="color:links" content="#999999" />
<meta name="color:link hover" content="#CCCCCC" />
<meta name="color:icons" content="green" />
<meta name="color:header" content="#FFFFFF" />
<meta name="color:border color" content="#524656" />
<meta name="color:blockquote" content="#555" />
<meta name="color:posts" content="#fff" />

<meta name="color:info background" content="#fefefe" />
<meta name="color:info links" content="#222" />

 <meta name="color:selection background" content="#eee" />
         <meta name="color:selection text" content="#000" />
         <meta name="color:scrollbar" content="#f7c282" />
         <meta name="color:tooltip" content="#222" />
         <meta name="color:tooltip text" content="#fff" />
<meta name="color:Description" content="#333333" />
<meta name="color:chat 1" content="#f8f8f8" />      
<meta name="color:chat 2" content="#cfcfcf" /> 
<meta name="color:ask bubble" content="#eee" />
<meta name="color:ask text" content="#a0a0a0" />
<meta name="color:Bold" content="#000"/>
<meta name="color:Italic" content="#ddd"/> 


<meta name="select:blockquote style" content="solid" title="solid" />
<meta name="select:blockquote style" content="dotted" title="dotted" />
<meta name="select:blockquote style" content="dashed" title="dashed" />
<meta name="select:blockquote style" content="double" title="double" />
<meta name="select:blockquote style" content="inset" title="inset" />
<meta name="select:blockquote style" content="outset" title="outset" />

<meta name="select:info border style" content="solid" title="solid" />
<meta name="select:info border style" content="dotted" title="dotted" />
<meta name="select:info border style" content="dashed" title="dashed" />
<meta name="select:info border style" content="double" title="double" />
<meta name="select:info border style" content="inset" title="inset" />
<meta name="select:info border style" content="outset" title="outset" />

<meta name="text:post width" content="300" />
<meta name="text:Link 1" content="/" /> 
<meta name="text:Link 1 name" content="link">
<meta name="text:Link 2" content="/" /> 
<meta name="text:Link 2 name" content="link">
<meta name="text:blockquote width" content="1" />
<meta name="text:border width" content="1" />

<meta name="text:ask" content="shouted" />
<meta name="text:bullet point" content="+" />


<meta name="if:full background" content="" />
<meta name="if:single column" content="" />


<script src="https://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
<script>
   (function($){
       $(document).ready(function(){
           $("[title]").style_my_tooltips({
               tip_follows_cursor:true,
               tip_delay_time:200,
               tip_fade_speed:300
           }
               );
       });
   })(jQuery);
</script>

       <script>
     $(document).ready(function(){
    $('#press').click(function(){
    $('.panel').slideToggle('slow');
    
    });
});
        
        
    </script>
 {block:indexpage} 
    <script>
$(document).ready(function(){
   $('.tumblr_video_iframe, .embed_iframe, .tumblr_video_container ').css('width', '{text:post width}px');    $('.tumblr_video_iframe, .embed_iframe, .tumblr_video_container ').css('height', 'auto');  
});
</script>
{/block:indexpage}


<style type="text/css">
   #s-m-t-tooltip{
max-width:300px;
margin-top:-50px;
margin-left:-20px;
 
border-radius:20px;
box-shadow: 0px 0px 0px 2px {color:tooltip};
font-family:consolas;
padding:8px 12px;
background:{color:tooltip}; /*if you're changing the color in the code, make sure this is the same as the s-m-t:after */
color:{color:tooltip text};
z-index:999999999;
font-size:.9em;
text-transform:uppercase;
}
 
/* don't touch this, this is the what makes it look like a speech bubble */
#s-m-t-tooltip:after{
   
content: '';
position: absolute;
border-style: solid;
border-width: 8px 10px 0;
border-color: {color:tooltip} transparent;
display: block;
width: 0;
z-index: 1;
bottom: -8px;
left: 12%;}
 
 
    ::-webkit-scrollbar {
  width: 12px;
  height:6px;
  
  
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: {color:scrollbar};
 border:0px solid #111;
 border-top:4px solid #111;
 border-bottom:4px solid #111;
 cursor:pointer;
  border-radius: 8px;
}
::-webkit-scrollbar-track {
  background:#444;
  border: 5px solid #111;
 border-top:12px solid #111;
 border-bottom:12px solid #111;
    
    
}     

       @font-face { font-family: "bob"; src: url('https://dl.dropboxusercontent.com/s/zlmxs7nw2yap4rq/bobber_typeface_cs4.ai'); }
        
 
::selection {color: {color:selection text}; background: {color:selection background};}
::-moz-selection {
  background: {color:selection background}; /* Gecko Browsers */color:{color:selection text};
}
 .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop {
     white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%);
     position:fixed;
     right:0px;
     opacity:.4; 
     top:16px;
    border-bottom:1px dashed #859F7C;
    
}

 
/* CSS */

.panel {
	background:{color:posts};
    width:calc(30% - 40px);
    padding:40px 20px;
    overflow:auto;
    height:calc(100vh - 60px);
	display:none;
	  right:0px;
	position:fixed;
	z-index:9999999;
	bottom:-8px;
	{block:ifroundedcorners} border-radius:8px; {/block:ifroundedcorners}
    box-shadow:6px 6px rgba(0,0,0,.08);
   {block:ifnopostshadow}
    box-shadow:none;
    {/block:ifnopostshadow}
    
}

#press {
cursor:pointer;
}


body {
    background:{color:Background};
    background-image:url({image:Background});
    font-family:Roboto, verdana;
    color:{color:Text};
    font-size:1em;
    word-wrap:break-word;
    margin:0px;
}

h1{
    font-size:1.4em;
    line-height: 25px;
    color:{color:Title};
    font-family:Arvo;
    font-weight: normal;
}

h2{
    font-size:1.2em;
    line-height: 20px;
    color:{color:Text};
    font-family:Verdana;
    font-weight: normal;
}
 
a:link, a:active, a:visited{
    -webkit-transition: color 0.2s ease-out;
    -moz-transition: color 0.2s ease-out;
    transition: color 0.2s ease-out;
    color:{color:links};
    text-decoration:none;
}
 
a:hover {
    text-decoration:none;
    color:{color:link hover};
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;}
 
 
blockquote{
    padding:0px 0px 0px 6px;
    margin:0px 0px 2px 10px;
    border-left: {text:blockquote width}px {select:blockquote style} {color:blockquote};
}

blockquote img {max-width:100%;}
 
 
a {
    color:{color:links};
}
 
b, strong {color:{color:Bold};}
 
i, em {color:{color:Italic};} 
 
ol.notes {
    list-style-type: none;
    padding:0px;
}
ol.notes img{width:16px}
 
ol.notes li.note {
    padding:10px;
    border-bottom:2px solid {color:border color};
}
 

/*Posts*/
 
#container{
    position:relative;
    width:calc(56%);
   
left:30px;
top:60px;

padding-top:50px;{block:indexpage}
 column-count: 2;
  column-gap: 80px;
    {/block:indexpage}
    {block:ifsinglecolumn}
    column-count:1!important;
    {/block:ifsinglecolumn}
}
 
.entry {
margin:40px 0;
   break-inside: avoid;   background:{color:posts};
   display:inline-block;
    width:100%;
border-radius:8px;

{block:ifsinglecolumn}
width:{text:post width}px;
margin:40px auto;
{/block:ifsinglecolumn}
    text-align:left;
    {block:PermalinkPage}
    width:500px;
    margin-left:180px;
    {/block:PermalinkPage}    
  
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
     {block:indexpage}
     {block:ifpostanimation}animation: slide 2s;
    opacity:0;
    animation-iteration-count:1;
    animation-fill-mode:forwards;
    {/block:ifpostanimation}
    {/block:indexpage}
    
    
}


.im {
    padding:10px;
    border-radius:8px 8px 0px 0px;
    background:{color:posts};
}


@keyframes slide {
	0% {
		opacity: 0;
	
		transform:translate( 1000px,-1000px);
	}
	
	100% {
		opacity: 1;
		transform: translate(0%,0%);
	}
}


.entry img {
    max-width:100%;
    display:block;
}
 

#posts {
    margin-top:80px;
    z-index:99;
    background:transparent;
    margin-right:auto;
    position:relative;
    overflow-y: hidden;

 
}
 .entry img {max-width:100%;}
 .entry iframe{opacity:1}


.quote {
    font-size:1.4em;
    line-height:28px;  
    font-family:Garamond;
    color:{color:Italic};
    height:auto;
    margin-top:15px;
    margin-bottom:5px;
    padding:5px;
    text-align:center;
    letter-spacing:1px;
}
.source{
    font-size:.9em;
    line-height:15px;  
    font-family:Garamond;
    color:{color:Italic};
    height:auto;
    margin-top:15px;
    margin-bottom:5px;
    padding:5px;
    text-align:right;
    letter-spacing:1px;}
}
 
/* Chat */
 
.chat ul {
    display:block;
    list-style:none;
    margin-left:-50px;
}

/* chat lines style */
.chat li {
    padding:3px;
    display:block;
}

/* odd lines style */
.chat .odd {
    background:{color:chat 1};
}

/* even lines style */
.chat .even {
    background:{color:chat 2};
}


.dinky {
    float:left;
}
 
 #albumart{
   z-index:2;
   width:80px;
    height:80px;
     {block:permalinkpage}
    width:150px;
    height:150px;
    {/block:permalinkpage}
    padding:2px;
   
}
#albumart img{
    background:{color:highlight};
    width:80px;
    height:80px;
    {block:permalinkpage}
    width:150px;
    height:150px;
    {/block:permalinkpage}
    padding:2px;
   
    border:2px solid {color:border color}; transition:.6s;
   
}
 
 
.player {
    width:20px;
    overflow:hidden;
    height:40px;
    padding:0px;
    padding-top:10px;
    padding-left:2px;
    margin-left:-2px;
    margin-top:-10px;
    {block:permalinkpage}
    margin-top:0px;
    margin-left:2px;
    transform:scale(1.4);
    {/block:permalinkpage}
    border-radius:90px;
    position:relative;
     
 
}
 
 
.playercon {
    width:150px;
    height:30px; margin-top:-10px;
    {block:permalinkpage}
   
    width:300px; 
    height:50px;{/block:permalinkpage}
    background:white;
     border:2px solid {color:border color}; transition:.6s;
    margin-left:2px;
 position:relative;

 border-left:none;
 
}
 
 
.donkey {
    float:left top;
    margin-left:70px; height:50px;
    {block:permalinkpage}
   
    margin-left:134px;height:110px;{/block:permalinkpage}
    background-color:transparent;
    padding:20px;
   
   
    text-align:center;
    color:{color:text};
}
 
.track {
    font-size:1em;
   
    {block:permalinkpage}
    font-size:1em; letter-spacing:4px;
    {/block:permalinkpage}
   
   margin-top:-46px;
   margin-left:6px;
    padding:10px;
    padding-left:14px;
    font-weight:300;
    text-transform:uppercase; transition:.6s;
    font-family:bitxmap;
 
}
 
 
.artist {
    letter-spacing:1px;
    font-style:italic;
   
   
}
 
.playcount {
    font-size:.9em;
   
    text-transform:uppercase;
    letter-spacing:3px;
}
 
 
#audiolo {
    width:300px;
    padding:20px;
 {block:permalinkpage}
    width:480px;
   {/block:permalinkpage}
   
}
 
.speechbubble {
width:70%;
position: relative;
background:{color:links};
left:60px;
color:white;
line-height:140%;
margin: 0;
padding:12px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-webkit-box-shadow: 0px 0 1px rgba(0,0,0,0);
-moz-box-shadow: 0px 0 1px rgba(0,0,0,0);
box-shadow: 0px 0 1px rgba(0,0,0,0); 
}


 .speechbubble:after {
position: absolute;
display: block;
content: ""; 
border-color: {color:links} transparent transparent transparent;
border-style: solid;
border-width: 15px 15px 0px;
height:0;
width:0;
position:absolute;
left:-15px;
top:10px;
}

 
/* Post info */
 
.hoverinfo {
    position:absolute;
    height:auto;
    line-height:15px;
    float:center;
    text-align:center;
    left:0;
    top:0;
    padding:4px;
    font-size:20px;
    letter-spacing:1px;
    background-color:transparent;
    color:white;
    width:300px;
    opacity:0;
    width:100%;
    height:100%;
    position:absolute;
    {block:PermalinkPage}
    width:500px;
    {block:PermalinkPage}    
    text-transform:lowercase;
    transition:.6s
{block:ifbottominfo}
  display:none;
  {/block:ifbottominfo}
  {block:iftopinfo}
  display:none;
  {/block:iftopinfo}
  display:none;
  {/block:iftopinfo}
}

.topinfo { 

 background:{color:info background};
  border-bottom:{text:border width}px {select:info border style} {color:border color}; height:20px;
  padding:6px;
  position:relative;
  z-index:99999;
  opacity:1;    

   
}

.topinfo a, .bottominfo a {
    color:{color:info links};
}
   
   
.bottominfo {
     padding:6px;
     background:{color:info background};
  border-top:{text:border width}px {select:info border style} {color:border color}; height:20px;
  position:relative;
  z-index:99999;
  opacity:1; 
}   

.tags {
    opacity:0;
    text-align:center;
    margin-top:-20px;
    transform:translate(0,0px);
    transition:.6s;
}      


.entry:hover .tags {
    opacity:1;
    transform:translate(0,40px);
    transition:.6s;
}

.tags a {

}

 
.jump_page {
    padding: 4px 8px;
    border: {text:border width}px solid {color:border color};
    color:{color:links};
    font-size:11px;
    text-decoration:none;
}
 
.current_page, .jump_page:hover {
    padding: 4px 8px;
    border: {text:border width}px solid {color:border color};
    background-color:{color:border color};
    color: {color:link hover};
    font-size:11px;
    text-decoration:none;
}
 
.caption li{list-style:none}
.caption li:before{content:'{text:bullet point}'}
 
 .caption a {
     background:#181818;
        line-height:150%;
    border:1px solid #111;
    padding:2px;
    border-radius:4px;

}

.reblog-header a {
    background:none;
    border:none;
}

#egg { opacity:.8;left:10px; bottom:10px; position:fixed;bottom:4px;display:block; width: 14px; height: 18px; background-color:#FFFEFC; -webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px; border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
           font-family: "bitxmap";  
border: {text:border width}px solid {color:border color};  
               
            }
 #egg:hover   { animation-name: egg;
    animation-duration: 1s;
    animation-iteration-count: infinite;}
    @keyframes egg{
        0%{}
        10%{transform:rotate(20deg)}
        80%{transform:rotate(-20deg)}
        100%{}
    }
  
.caption {
     background:{color:posts};
    transition:.6s;
    bottom:0px;
    left:0px;
    font-size:1em;
    padding:8px 10px;
 
}


.inf{

    position:absolute;
    padding:4px;
    right:10px;
    z-index:9;
    color:{color:links};
    text-align:left;
    margin-top:-8px;
    text-align:right;
   
}

.post:hover .inf {
    	transform: translate3d(0,0,0);
    	opacity:1;
    	transition:.6s
    
}

.inf svg {
   width:16px;
   height:16px;
 
fill:{color:links};
}

.inf .like svg {
    width:16px;
    margin-top:6px;
    height:16px;
    fill:{color:likes};
}
	
.inf .like { /* Make a parent element */
     position: absolute;
    right:40px;
  
}

.inf .like .like_button { /* Position like button above your custom one */
     position: absolute;
     top: 0;
     margin-top: 6px;
     opacity: 0;
 }
.inf .like .like_button.liked { /* Keep the functionality active */
     opacity: 1;
 }	
        
.inf a{; padding:5.2px; border-radius:8%; text-decoration:none; 
                                      
 height:14px;

 
    transition: all .4s ease-in;
}


.info { border-top:1px solid {color:border color};
 background:{color:posts};
    padding:10px;
position:relative;
    border-radius:0px 0px 8px 8px;
} 

.info a {
        font-weight:200;
}

#topbar {
    right:30%;
    width:10%;
    max-width:100px;
    padding:0px 0px 0px 0px;
    background:#2b2b2b;
    height:100vh;
    text-align:center;
    position: fixed;
    z-index:99999;


}


#topbar li{
    display:inline-block;
    list-style:none;
    position:relative;
    margin:20px;

  border-radius:100%;
  border:2px solid {color:icons};
  background:{color:icons};
    padding:8px;
    z-index:1;
    font-size:1em;
}

#topbar li::before,
#topbar li::after {
  content: '';
  position: absolute;
  top: 0;
  z-index:-2;
  left: 50%;
  width: 100%;
  padding-bottom: 100%;
  margin-left: -50%;
  transform-origin: top center;
  background-color: {color:icons};
  border-radius: 50%;
 
}
#topbar li:hover:before, #topbar li:hover:after {
     animation: recoil 5s 1 ease;
}
#topbar li:hover::after {
  width: 60%;
  padding-bottom: 60%;
  margin-left: -30%;
  animation: drip 5s 1 ease;
}

@keyframes drip {
  0% { transform: scale(1) translateY(2px); }
  85% { transform: scale(1) translateY(24px); }
  100% { transform: scale(1) translateY(80px); }
}

@keyframes recoil {
  0% { transform: scale(1); }
  85% { transform: scale(1,1.25); }
  86% { transform: scale(1,0.75); }
  90% { transform: scale(1, 1.05); }
  92% { transform: scale(1); }
}


#topbar a {
    color:#2b2b2b;
}


header .im {
    width:100%;
  
    height:100vh;
  
        background:url({image:sidebar background}) center center;
    background-size:cover;
   
}

header {
    right:0px;
    width:30%;
    position:fixed;
    height:100vh;
}
    @font-face { font-family: "up"; src: url('https://dl.dropboxusercontent.com/s/t66vbvn120o11kp/PressStart2P.ttf'); }


.title:first-letter {
    color:{AccentColor};
}
.description {
    
    font-size:1em;
    position:absolute;
    bottom:120px;
    width:60%;
    padding-left:60px;
}

.description:before {
    position:absolute;
    content:'';
    width:40px;
    height:1px;
    left:0px;
    top:10px;
    border-top:2px dashed {color:border color};
}

@media (max-width:800px){ 
    #container {
        display:block;
        column-count:1 !important
    }
    
    .posts {
        width:90% !important;
    }
    
      .speechbubble {
   
width:80%;

}


}
    
    
    .user {
        padding-left:10px;
      
     
    }

{CustomCSS}
</style>

  
</head>
 
 
<body>
  <div class="panel">
  <center><img src="{PortraitUrl-96}" style="border-radius:100%; width:80px;border:4px solid {color:links}"></center>
  <div class="title">
      {Title}
      <br>
  </div> 
  <p>
       {Description}
        </p>
      
          
          {block:haspages} {block:pages}
<li><a href="{URL}">{Label}</a> </li>

{/block:Pages} {/block:Haspages}


    </div>  
            
   <div style="position:fixed; top:0px; width:100%; opacity:.52; height:100vh">
		<svg class="shape" width="100%" height="100vh" preserveAspectRatio="none" viewBox="0 0 1440 800" fill="#1f1f1f" xmlns:pathdata="http://www.codrops.com/">
						<path d="M -65.11,-1.008 C -38.79,8.492 -48.8,43.89 -24.09,59.91 -17.38,64.25 -7.411,68.1 2.397,67.74 19.94,67.09 30.89,61.16 46.62,50.39 64.99,37.82 92.16,36.57 112.8,41.49 141.9,48.44 153.5,80.16 178.5,78.34 194.6,77.17 205.3,67.96 216.8,48.87 224.6,35.89 230.6,20.21 251.4,19.41 278.8,18.35 288.2,28.98 298.5,67.48 303.6,86.48 308.2,97.24 316.3,102.6 329.4,111.3 340.7,106 350.5,100.2 377.5,84.13 369.6,23.41 401.2,20.7 415.9,19.43 431.7,33.86 449.9,57.07 462.7,73.41 475.5,91.96 494.9,96.72 503.8,98.9 513,97.38 521.6,90.13 532.1,81.21 532.2,62.36 551.7,62.17 565.7,62.03 569.6,72.01 575.9,89 580.5,101.3 598.1,139.1 628.6,117.5 649.1,103 641.6,81.95 658,80.67 674.4,79.39 692.2,136.3 720.8,141.4 738.9,144.6 763.5,132 771.2,119.3 782.1,101.2 783.6,81.7 799.1,81.97 829.3,82.49 818.2,122.8 838.2,143.8 858.1,164.8 875.7,158.9 886.4,155.8 910.4,149 913.1,122.8 939.2,119.6 953.9,117.9 964.8,130.2 979.7,131.6 997.3,133.3 1016,132.6 1027,121 1038,109.3 1038,80.15 1054,79.92 1071,79.67 1073,89.94 1079,106.8 1084,119.5 1089,133.9 1101,141.1 1111,147.3 1124,146.3 1136,145 1150,143.4 1160,132.7 1177,130.8 1194,128.8 1219,128.2 1236,138.8 1257,151.6 1271,147.7 1280,137.3 1291,124.1 1294,92.34 1316,90.47 1344,88.04 1348,163.9 1380,183.1 1401,195.1 1428,196.6 1451,190.6 1478,183.7 1503,161.8 1518,143 1544,109.1 1550,43.89 1551,32.49 1568,-303.4 -510,-224.1 -65.11,-1.008 Z" pathdata:id="M -35.73,45.41 C -9.412,61.01 -30.93,379.4 -17.31,545.8 -12.26,607.5 -54.94,740.4 6.142,730.1 63.67,720.4 26.97,284.9 27.01,202.3 27.06,104.3 51.66,29.07 106,54.36 160.3,79.65 103.7,491.7 187.7,465.7 231.9,452 156.6,99.89 249.4,94.08 285.7,91.81 299.9,127.5 305,190.9 316,327.7 328.6,462.6 321.1,598.3 315.8,695.4 294.5,776.7 353.9,773.6 415.6,770.4 379.8,650.7 368.7,588.8 337.4,415 369.6,190.1 391.1,111 412.5,31.92 457,96.83 463.3,127.2 480.9,212.1 493.9,307.8 489,396.1 487.4,425.7 482.1,460.1 517.1,455.2 548.5,450.7 476.2,166 550.9,168.9 594.8,170.6 591.6,626.8 586.3,663.5 578.4,717.8 609.1,742.4 633.9,700.6 651.9,670.2 578.3,209.7 650.8,194.1 723.2,178.5 700.8,277.9 687.6,401.1 680.2,470 766.1,486.3 756,414.3 750.3,373.5 703.1,145.6 793.4,146.1 939.9,146.8 846.2,556.8 844,601.8 841.9,646.8 878.6,682.8 903.3,630.6 928,578.4 863.2,264.8 891.7,178.8 920.2,92.81 997.3,215.6 972,292.8 946.6,370 1030,353.1 999,295.7 985.9,271.6 977.1,119.1 1048,117.8 1119,116.5 1127,634.6 1123,682.6 1119,730.6 1110,749.8 1118,771.3 1134,815.5 1173,803.5 1164,734 1155,664.5 1139,665.8 1143,418.4 1148,170.9 1225,122 1240,215 1249,273 1202,413 1282,391.7 1324,380.7 1280,165.5 1316,159.6 1362,152 1296,358.2 1379,361.2 1462,364.2 1312,753 1444,751.2 1592,749.2 1484,458.5 1505,312.2 1518,221.3 1544,58.44 1545,39.57 1562,-514.4 -480.6,-322.6 -35.73,45.41 Z"></path>
					</svg>
	</div>
<div id="topbar">
  <li> <a href="/" title="{lang:home}" ><span class="fa fa-refresh fa-fw"></span></a> </li>
       {block:AskEnabled}
        <li> <a href="/ask" title="{AskLabel}"><span class="fa fa-envelope-o fa-fw"></span></a> </li>
        {/block:AskEnabled}
        {block:SubmissionsEnabled} 
        <li> <a href="/submit" title="{SubmitLabel}"><span class="fa fa-inbox fa-fw"></span></a> </li>
        {/block:SubmissionsEnabled}
        <li> <a href="/archive" title="{lang:Archive}"><span class="fa fa-save fa-fw"></span></a> </li>
        <li><a href="{text:link 1}" title="{text:link 1 name}"><span class="fa fa-star-o fa-fw"></span></a></li>
        <li><a href="{text:link 2}" title="{text:link 2 name}"><span class="fa fa-heart-o fa-fw"></span></a></li>
        <li><a id="press"><span class="fa fa-bars fa-fw"></span></a></li>
            {block:Pagination}{block:PreviousPage}
             <li>   <a href="{PreviousPage}"><span class="fa fa-chevron-left fa-fw" title="{lang:Navigate}"></span></a></li>
            {/block:PreviousPage}{block:NextPage}
             <li>   <a href="{NextPage}"><span class="fa fa-chevron-right fa-fw"></span></a>
            {/block:NextPage}{/block:Pagination}
      
</div>
<header>
<div class="im"></div>
   
</header>


    <div id="container">

    <div class="posts">    
 
    {block:Posts}
 
    <div class="entry">
  
    <div class="content">    
    <!-- {block:NoRebloggedFrom}
{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
{/block:NoRebloggedFrom} --> 
{block:ContentSource}
<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
{/block:ContentSource} 


    {block:Text}
    {block:Title}
    <a href="{Permalink}">
    <h1 style="padding:20px;">{Title}</h1></a>
    {/block:Title}
 <div class="caption" style="padding:30px">{block:NotReblog}
<figcaption>
    {Body}
</figcaption>
{/block:NotReblog}

{block:RebloggedFrom}
<div class="reblog-list">
    {block:Reblogs}
        <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
            <div class="reblog-header">

                {block:IsActive}
                <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
                   <img src="{PortraitURL-64}" style="width:24px; transform:translate(0,-2px); border:2px solid {color:links}; border-radius:100%; float:left"> 
                </a>
                {/block:IsActive}

                {block:IsDeactivated}
                <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
                    <img src="{PortraitURL-64}" style="width:24px; transform:translate(0,-2px); border:2px solid {color:links}; border-radius:100%; float:left">
                </span>
                {/block:IsDeactivated}

                {block:IsActive}
                    <a target="_blank" href="{Permalink}" class="user"> {Username}</a>
                {/block:IsActive}

                {block:IsDeactivated}
                    <span class="inactive">{Username}</span>
                {/block:IsDeactivated}

            </div>
            <div class="reblog-content">
                {Body}
            </div>
        </div>
    {/block:Reblogs}
</div>
{/block:RebloggedFrom}</div>
                   
    {/block:Text}
 
 
<!-- Photo -->
    {block:Photo}
  
   <div class='im'><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></div> 
    {block:Caption}
                            <div class="caption"> {block:NotReblog}
    <figcaption>
        {Caption}
    </figcaption>
{/block:NotReblog}

{block:RebloggedFrom}
<div class="reblog-list">
    {block:Reblogs}
        <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
            <div class="reblog-header">

                {block:IsActive}
                <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
                    <img src="{PortraitURL-64}" style="width:24px; transform:translate(0,-2px); border:2px solid {color:links}; border-radius:100%; float:left">
                </a>
                {/block:IsActive}

                {block:IsDeactivated}
                <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
                    <img src="{PortraitURL-64}" style="width:24px; transform:translate(0,-2px); border:2px solid {color:links}; border-radius:100%; float:left">
                </span>
                {/block:IsDeactivated}

                {block:IsActive}
                   <a target="_blank" href="{Permalink}" class="user">{Username}</a>
                {/block:IsActive}

                {block:IsDeactivated}
                    <span class="inactive">{Username}</span>
                {/block:IsDeactivated}

            </div>
            <div class="reblog-content">
                {Body}
            </div>
        </div>
    {/block:Reblogs}
</div>
{/block:RebloggedFrom}</div>
                        {/block:Caption}
    {/block:Photo}
   
 
<!-- Photoset -->
    {block:Photoset}
  <div class="im">
    {Photoset}    </div>
   
      {block:Caption}
                            <div class="caption"> {block:NotReblog}
    <figcaption>
        {Caption}
    </figcaption>
{/block:NotReblog}

{block:RebloggedFrom}
<div class="reblog-list">
    {block:Reblogs}
        <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
            <div class="reblog-header">

                {block:IsActive}
                <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
                    <img src="{PortraitURL-64}" style="width:24px; transform:translate(0,-2px); border:2px solid {color:links}; border-radius:100%; float:left">
                </a>
                {/block:IsActive}

                {block:IsDeactivated}
                <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
                    <img src="{PortraitURL-64}" style="width:24px; transform:translate(0,-2px); border:2px solid {color:links}; border-radius:100%; float:left">
                </span>
                {/block:IsDeactivated}

                {block:IsActive}
                   <a target="_blank" href="{Permalink}" class="user">{Username}</a>
                {/block:IsActive}

                {block:IsDeactivated}
                    <span class="inactive">{Username}</span>
                {/block:IsDeactivated}

            </div>
            <div class="reblog-content">
                {Body}
            </div>
        </div>
    {/block:Reblogs}
</div>
{/block:RebloggedFrom}</div>
                        {/block:Caption}
    {/block:Photoset}
 
 
<!-- Quote -->
    {block:Quote}
    <div class="quote">
    " {Quote} "
    {block:Source}
    <div class="source">-{Source}
    </div>{/block:Source}</div>
    {/block:Quote}
 
<!-- Link -->
    {block:Link}
    <center>
    <a href="{URL}"
    class="linkpost"
    target="_blank">
    <h1>{Name} &raquo; <h1></a>
    </center>
    {block:Description}
  <div class="caption"> {Description}</div>
    {/block:Description}
    {/block:Link}
 
<!-- Chat -->
    {block:Chat}
    <div class="chat">
    <ul>
    {block:Lines}
    <li class="{Alt}">
    {block:Label}<b>{Label}</b>{/block:Label}
    {Line}
    </li>
    {/block:Lines}
    </ul>
    </div>
    {/block:Chat}
 
<!-- Audio -->
  
 {block:Audio}
                 
                        <div id="audiolo">
<div class="dinky">
    {block:AlbumArt}<div id="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
   </div>
 
<div class="donkey"><div class="playercon"><div class="player">{AudioPlayerWhite}</div><div class="track"> {block:TrackName}
{TrackName}
{/block:TrackName}  </div> </div>
 
 
<div class="artist">
{block:Artist}{Artist}
{/block:Artist} </div>
 
    <div class="album">
        {block:Album}
 {Album}
{/block:Album}
    </div>
 
<div class="playcount">
 
{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div>
</div></div>
                       
                   {block:Caption}
                            <div class="caption"> {block:NotReblog}
    <figcaption>
        {Caption}
    </figcaption>
{/block:NotReblog}

{block:RebloggedFrom}
<div class="reblog-list">
    {block:Reblogs}
        <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
            <div class="reblog-header">

                {block:IsActive}
                <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
                    <img src="{PortraitURL-64}" style="width:24px; transform:translate(0,-2px); border:2px solid {color:links}; border-radius:100%; float:left">
                </a>
                {/block:IsActive}

                {block:IsDeactivated}
                <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
                    <img src="{PortraitURL-64}" style="width:24px; transform:translate(0,-2px); border:2px solid {color:links}; border-radius:100%; float:left">
                </span>
                {/block:IsDeactivated}

                {block:IsActive}
                   <a target="_blank" href="{Permalink}" class="user">{Username}</a>
                {/block:IsActive}

                {block:IsDeactivated}
                    <span class="inactive">{Username}</span>
                {/block:IsDeactivated}

            </div>
            <div class="reblog-content">
                {Body}
            </div>
        </div>
    {/block:Reblogs}
</div>
{/block:RebloggedFrom}</div>
                        {/block:Caption}
                   
                {/block:Audio} 
 

    {block:Video}
   
    {Video-500}
     {block:Caption}
                            <div class="caption"> {block:NotReblog}
    <figcaption>
        {Caption}
    </figcaption>
{/block:NotReblog}

{block:RebloggedFrom}
<div class="reblog-list">
    {block:Reblogs}
        <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
            <div class="reblog-header">

                {block:IsActive}
                <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
                    <img src="{PortraitURL-64}" style="width:24px; transform:translate(0,-2px); border:2px solid {color:links}; border-radius:100%; float:left">
                </a>
                {/block:IsActive}

                {block:IsDeactivated}
                <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
                    <img src="{PortraitURL-64}" style="width:24px; transform:translate(0,-2px); border:2px solid {color:links}; border-radius:100%; float:left">
                </span>
                {/block:IsDeactivated}

                {block:IsActive}
                   <a target="_blank" href="{Permalink}" class="user">{Username}</a>
                {/block:IsActive}

                {block:IsDeactivated}
                    <span class="inactive">{Username}</span>
                {/block:IsDeactivated}

            </div>
            <div class="reblog-content">
                {Body}
            </div>
        </div>
    {/block:Reblogs}
</div>
{/block:RebloggedFrom}</div>
                        {/block:Caption}
    {/block:Video}
 
 
    {block:Answer}
 <div class="caption" style="border-top:none; padding:20px">
<div class="askerportrait"><img style=" margin-left:0px; width:40px; border-radius:100%; " src="{AskerPortraitURL-40}" align="left"  /></div><div class="speechbubble"><font style="margin-left:-34px">{Asker} {text:ask}: {Question}</font></div><br>
{Answer}
<br>
 </div>
{/block:Answer}
    
{block:Date}    
<div class="info">
 <div class="inf">


   <div class="like">
 <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="369.486px" height="369.486px" viewBox="0 0 369.486 369.486" style="enable-background:new 0 0 369.486 369.486;"
	 xml:space="preserve">
<g>
	<g>
		<path d="M184.743,357.351c-3.478,0-6.798-1.449-9.164-3.998l-147.67-159.16c-0.038-0.041-0.076-0.082-0.113-0.123
			C9.871,174.223,0,147.921,0,120.008c0-27.914,9.871-54.215,27.796-74.061l2.244-2.484c18.246-20.201,42.608-31.327,68.599-31.327
			s50.354,11.126,68.601,31.328l17.503,19.38l17.503-19.379c18.246-20.202,42.608-31.328,68.6-31.328s50.354,11.126,68.601,31.329
			l2.241,2.478c17.928,19.851,27.799,46.152,27.799,74.065s-9.872,54.215-27.796,74.061c-0.037,0.043-0.075,0.084-0.113,0.125
			l-147.671,159.16C191.541,355.901,188.221,357.351,184.743,357.351z M46.295,177.252l138.448,149.219l138.448-149.22
			c28.485-31.603,28.467-82.97-0.055-114.549l-2.239-2.478c-13.449-14.891-31.224-23.09-50.051-23.09
			c-18.828,0-36.603,8.199-50.048,23.085L194.02,89.869c-2.369,2.624-5.74,4.121-9.275,4.121s-6.906-1.497-9.276-4.121
			l-26.779-29.648c-13.446-14.887-31.22-23.086-50.048-23.086S62.039,45.333,48.594,60.22l-2.244,2.484
			C17.828,94.283,17.809,145.65,46.295,177.252z"/>
	</g>
</g>


</svg>

    {LikeButton size="15"} <span style="position:absolute; transform:translate(6px, -20px)"> like</span>
</div>
    
    <a href="{ReblogURL}" style="right:110px; position:absolute;">
  <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 489.935 489.935" style="enable-background:new 0 0 489.935 489.935;" xml:space="preserve">
<g>
	<path d="M278.235,33.267c-116.7,0-211.6,95-211.6,211.7v0.7l-41.9-63.1c-4.1-6.2-12.5-7.9-18.7-3.8c-6.2,4.1-7.9,12.5-3.8,18.7
		l60.8,91.5c2.2,3.3,5.7,5.4,9.6,5.9c0.6,0.1,1.1,0.1,1.7,0.1c3.3,0,6.5-1.2,9-3.5l84.5-76.1c5.5-5,6-13.5,1-19.1
		c-5-5.5-13.5-6-19.1-1l-56.1,50.7v-1c0-101.9,82.8-184.7,184.6-184.7s184.7,82.8,184.7,184.7s-82.8,184.7-184.6,184.7
		c-49.3,0-95.7-19.2-130.5-54.1c-5.3-5.3-13.8-5.3-19.1,0c-5.3,5.3-5.3,13.8,0,19.1c40,40,93.1,62,149.6,62
		c116.6,0,211.6-94.9,211.6-211.7S394.935,33.267,278.235,33.267z"/>
</g>

</svg>

<span style="position:absolute; transform:translate(6px, -20px)"> reblog</span>
</a></div>
    <a href="{permalink}"><span class="lnr lnr-drop"></span> {TimeAgo}</a>
    
  
</div>
{/block:Date}
   {block:HasTags}  <div class="tags">
   {block:Tags}
 
   <a href="{TagURL}">#{Tag}</a> 
   {/block:Tags}</div>
   {/block:HasTags}
     

    {block:PermalinkPage}
    {block:PostNotes}
    {PostNotes-16}
    {/block:PostNotes}
    {/block:PermalinkPage}
 

    </div></div>
 
 
    {/block:Posts}
 

    </div></div>
    
<!-- END CONTAINER -->    
    

      <a href="http://espoirthemes.tumblr.com/" title="credit" ><div id="egg"></div></a>  
 

</body>


</html>
 
<!-- END HTML -->