Create a new version of paste:

<!-- [Theme 29] Leafless by Laighlin (portfolio ver.)

hmu at linthm.tumblr with all comments and questions! :>

-->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<!--start of head-->

<title>
{block:HomePage}{Title}{/block:HomePage}
{block:PostSummary}{Title} &mdash; {PostSummary}{/block:PostSummary}
{block:TagPage}{Title} &mdash; {Tag}{/block:TagPage}
</title>
{block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">

<!-- duplicate these options if you want more categories -->
<meta name="text:Label 1" content="One"/>
<meta name="text:Label 2" content="Two"/>
<meta name="text:Label 3" content="Three"/>
<meta name="text:Label 4" content="Four"/>

<meta name="image:Thumbnail 1" content=""/>
<meta name="image:Thumbnail 2" content=""/>
<meta name="image:Thumbnail 3" content=""/>
<meta name="image:Thumbnail 4" content=""/>

<meta name="text:Tag 1" content=""/>
<meta name="text:Tag 2" content=""/>
<meta name="text:Tag 3" content=""/>
<meta name="text:Tag 4" content=""/>

<meta name="text:Font size" content="18"/>

<meta name="color:Background" content="#f0f0f0"/>
<meta name="color:Category background" content="#555"/>
<meta name="color:Header background" content="#ccc"/>
<meta name="color:Text" content="#333"/>
<meta name="color:Accent" content="#bb9955"/>

<meta name="if:Solid header" content="1"/>
<meta name="if:Shadows" content="1"/>
<meta name="if:Click through button" content="1"/>

<meta name="font:Body" content="Favorit, sans-serif"/>

<meta name="select:Accent shape" content="star thin" title="Thin star"/>
<meta name="select:Accent shape" content="star thick" title="Thick star"/>
<meta name="select:Accent shape" content="square" title="Square"/>
<meta name="select:Accent shape" content="rounded-square" title="Rounded square"/>
<meta name="select:Accent shape" content="circle" title="Circle"/>

<style type="text/css">
/* start of CSS styling */
body {
    margin:0;
    font:1em {font:Body};
    font-size:{text:font size}px;
    background:{color:background};
    color:{color:text};
}

a { 
    text-decoration:none; 
    transition:.2s all ease;
}

.caption a, .nav-link, #foot a { 
    color:{color:accent};
    font-weight:bold;
}

.caption a, #foot a { 
    border-bottom:1px solid rgba({RGBcolor:text},.5);
}

.caption a:hover, .nav-link:hover, #foot a:hover {
    border-bottom:2px solid {color:accent};
}

.nav-link { 
    border-bottom:2px solid transparent;
}

iframe.tmblr-iframe { display:none!important; }

h1, h2, h3, h4, h5 {
    margin:.2em 0;
}

h1.post-title {
    font-size:2em;
}

hr#header-flair {
    border:none;
    height:0;
    border-top:5px solid {color:accent};
    display:inline-block;
    margin-bottom:15px;
    margin-top:-20px;
    width:20px;
    float:top;
    {block:ShowHeaderImage}{block:HomePage}
    display:none;
    {/block:HomePage}{/block:ShowHeaderImage}
}

.caption hr { 
    margin-left:4em;
    margin-right:4em; 
    border-top:2px solid {color:accent};
}

#everything-wrapper {
    position:relative;
    margin:2em 20px;
    max-width:700px;
}

@media screen and (min-width:760px) {
    #everything-wrapper { 
        margin: 2em auto;
    }
}

#header-image {
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:110px;
    opacity:.7;
    background:{color:Header background} {block:ifNotSolidHeader}url('{HeaderImage}'){/block:ifNotSolidHeader};
    background-size:cover;
    /*background-blend-mode:screen;*/
    /*uncomment the above line for a funky blend effect!*/
    z-index:-1;
}

#blog-title {
    margin:0 0 .3em 0;
    font-size:1.5em;
    line-height:1.1em;
    text-transform:uppercase;
    letter-spacing:1px;
    font-family:{TitleFont};
    font-weight:{TitleFontWeight};
}

.star.thin {
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}

.star.thick {
    clip-path: polygon(50% 0%, 65% 28%, 98% 35%, 75% 60%, 79% 91%, 50% 78%, 21% 91%, 25% 60%, 2% 35%, 35% 28%);
}

.square { border-radius:.2em; }
.rounded-square { border-radius:.8em; }
.circle, .click-thru.star { border-radius:50%; clip-path:none; }
.category-label.star { border-radius:.2em; clip-path:none; }
.category-label.circle { border-radius:1.5em; }

#blog-avatar { 
    margin-top:-73px;
    {block:ShowTitle}margin-top:-40px;{/block:ShowTitle}
    width:150px;
    height:150px;
    float:left;
    margin-right:1.5em;
}

#blog-avatar.star { margin-left:-5px; }

#description {
    {block:ShowTitle}
    margin-top:0;
    {/block:ShowTitle}
    color:rgba({RGBcolor:text},.7);
}

#head {
    margin-top:140px;
    {block:ShowTitle}
    margin-top:130px;
    {/block:ShowTitle}
    padding:0 1em;
}

#content {
    margin-top:4em;
    position:relative;
}

{block:HomePage}
#content.postes { display:none; }
{/block:HomePage}

#content.categories {
    margin-top:2em;
    display:flex;
    justify-content:space-between;
    flex-flow:row wrap;
}

.category-link {
    position:relative;
    border-radius:.2em;
    flex-grow:3;
    margin:2em 1em;
    flex-basis:calc(50% - 2em);
    min-width:250px;
    height:250px;
    background-color:{color:Category background};
}

.category-thumb-wrapper { 
    overflow:hidden; 
    border-radius:.2em;
}

.category-thumb {
    background-size:cover;
    background-position:center;
    z-index:1;
    opacity:.7;
}

.category-thumb, .category-thumb-wrapper {
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    transition:.5s all ease;
}

.category-label {
    z-index:4;
    margin:3em;
    display:block;
    margin-top:calc(250px - 1.5em);
    padding:.8em;
}

.category-link:hover .category-thumb, .category-link:focus .category-thumb { 
    transform:scale(1.2);
    opacity:1;
}

/*duplicate this bit for more categories. don't forget to increase the numbers too!*/
.category-thumb.cat-1 {
    background-image:url('{image:Thumbnail 1}');
}

.category-thumb.cat-2 {
    background-image:url('{image:Thumbnail 2}');
}

.category-thumb.cat-3 {
    background-image:url('{image:Thumbnail 3}');
}

.category-thumb.cat-4 {
    background-image:url('{image:Thumbnail 4}');
}

.post {
    margin:4em 0;
}

.tmblr-full * {
    width:100%;
    height:auto;
}

.tmblr-full {
    border-radius:.2em;
    overflow:hidden;
    line-height:0;
}

.type-Link, .type-Video, .type-Audio, .type-Chat, .type-Quote { display:none; }

.media-wrap {
    line-height:0;
    position:relative;
    border-radius:.2em;
    overflow:hidden;
}

.media-wrap img { width:100%; }

{block:ifShadows}
.media-wrap, #blog-avatar, .category-link, .tmblr-full {
    box-shadow:0 2px 4px 0 rgba({RGBcolor:text},.7);
}
{/block:ifShadows}

.caption {
    margin-top:2em;
    display:none;
}

.caption p { margin:1em; }

.click-thru {
    display:block;
    height:30px;
    width:30px;
    font-size:12px;
    line-height:31px;
    padding:10px;
    margin-top:-26px;
    margin-left:calc(100% - 65px);
    z-index:2;
}

.click-thru, .category-label {
    background:{color:accent};
    color:{color:background};
    position:relative;
    transition:.1s all ease;
    text-align:center;
    font-weight:bold;
    text-transform:uppercase;
}

.click-thru:hover, .category-label:hover,
.click-thru:focus, .category-label:focus {
    animation:ripple .5s ease-out;
}

.click-thru:active, .category-label:active {
    background:{color:text};
}

{block:PermalinkPage}
.caption { 
    display:block; 
}
{/block:PermalinkPage}

#navigation {
    margin-top:.7em;
    text-transform:uppercase;
}

.nav-link, .pagi-link {
    margin-right:.5em;
}

#foot {
    z-index:5;
    bottom:0;
    font-size:.9em;
    text-transform:uppercase;
    margin-top:1em;
    padding:1em;
    color:rgba({RGBcolor:text},.7);
}

#foot .right { float:right; }

.clearfix { clear:both; }

/*Animations*/

@keyframes ripple {
    0% { box-shadow:0 0 0 3px {color:accent}; }
    75% { box-shadow:0 0 0 10px rgba({RGBcolor:accent},.1); }
    100% { box-shadow:0 0 0 20px transparent; }
}

@keyframes zoom {
    0% { background-size:cover; }
    100% { background-size:110%; }
}

</style>
<!-- end of CSS -->
</head>

<body>

{block:HomePage}{block:ShowHeaderImage}
<header id="header-image"></header>
{/block:ShowHeaderImage}{/block:HomePage}

<div id="everything-wrapper">
<!-- container to keep everything together -->

<header id="head">
{block:HomePage}{block:ShowAvatar}
    <a href="/" id="back-home">
    <img id="blog-avatar" class="{select:Accent shape}" src="{PortraitURL-128}">
    </a>
{/block:ShowAvatar}{/block:HomePage}

<hr id="header-flair"/>
{block:HomePage}
{block:ShowTitle}<h1 id="blog-title">{Title}</h1>{/block:ShowTitle}
<aside id="description">{Description}</aside>
{/block:HomePage}

<nav id="navigation">
    <a class="nav-link" href="/">{lang:Home}</a>
    {block:HasPages}
    <!-- only renders if the blog has custom links enabled. CHECK THE FAQ -->
    {block:Pages}
    <a class="nav-link" href="{URL}">{Label}</a>
    {/block:Pages}
    {/block:HasPages}
    {block:AskEnabled}<a class="nav-link" href="/ask">{AskLabel}</a>{/block:AskEnabled}
    <!-- only renders if asks are enabled -->
</nav>
</header>

<div class="clearfix"></div>

<!-- categories - these won't show up on non-home pages -->
{block:HomePage}
<nav id="content" class="categories">
    <!-- duplicate this section for as many categories as you want. remember to increment the numbers too! -->
    <a href="/tagged/{text:Tag 1}" class="category-link">
        <div class="category-thumb-wrapper">
        <div class="category-thumb cat-1"></div>
        </div>
        <span class="category-label {select:Accent shape}">{text:Label 1}</span>
    </a>
    <!-- end of section -->
    <a href="/tagged/{text:Tag 2}" class="category-link">
        <div class="category-thumb-wrapper">
        <div class="category-thumb cat-2"></div>
        </div>
        <span class="category-label {select:Accent shape}">{text:Label 2}</span>
    </a>
    
    <a href="/tagged/{text:Tag 3}" class="category-link">
        <div class="category-thumb-wrapper">
        <div class="category-thumb cat-3"></div>
        </div>
        <span class="category-label {select:Accent shape}">{text:Label 3}</span>
    </a>
    
    <a href="/tagged/{text:Tag 4}" class="category-link">
        <div class="category-thumb-wrapper">
        <div class="category-thumb cat-4"></div>
        </div>
        <span class="category-label {select:Accent shape}">{text:Label 4}</span>
    </a>
</nav>
{/block:HomePage}

<main id="content" class="postes"> <!-- start of posts block -->

{block:Posts}
<article class="post type-{PostTypeNoun}{block:Date} is-post{/block:Date}">

    {block:Title}<h2 class="post-title">{Title}</h2>{/block:Title}
    {block:Text}<div class="caption">{Body}</div>{/block:Text}
    <!-- if not enclosed in those blocks, the title variable will display the title of the blog instead of the post title -->
    
    <!-- media -->
    {block:Photo}
    <figure class="media-wrap"><img src="{PhotoURL-HighRes}"></figure>
    {/block:Photo}
    
    {block:Photoset}
    <figure class="media-wrap">{Photoset}</figure>
    <!-- this element is responsive - finally! lmao photosets used to be really annoying to style -->
    {/block:Photoset}
    
    {block:Video}
    <figure class="media-wrap">{Video-500}</figure>
    {/block:Video}
    
    {block:Caption}
    <!-- this will render for any media post that has a caption! hax -->
    <div class="media-post caption {block:NotReblog}single{/block:NotReblog}">
        {block:NotReblog}{Caption}{/block:NotReblog}
        {block:RebloggedFrom}
        {block:Reblogs}
        <!-- renders for reblogs only -->
        <div class="reblogged-comment">
            <a class="user {block:IsDeactivated}inactive{/block:isDeactivated}" href="{Permalink}">{Username}</a>
            <div class="comment-content">{Body}</div>
        </div>
        {/block:Reblogs}
        {/block:RebloggedFrom}
    </div>
    {/block:Caption}
    
    {block:ifClickThroughButton}{block:IndexPage}
    <a class="click-thru {select:Accent shape}" href="{Permalink}">Info</a>
    {/block:IndexPage}{/block:ifClickThroughButton}
    
</article>
{/block:Posts}

</main> <!-- end of posts block -->

{block:Pagination}
<nav id="pagination">
    {block:PreviousPage}
    <a class="pagi-link" href="{PreviousPage}">{lang:Previous}</a>
    {/block:PreviousPage}
    {block:NextPage}
    <a class="pagi-link" href="{NextPage}">{lang:Next}</a>
    {/block:NextPage}
</nav>
{/block:Pagination}

<footer id="foot">
    <span class="left">
    Powered by <a href="https://tumblr.com/">Tumblr</a>
    </span>
    <span class="right">
    <a href="https://linthm.tumblr.com/thm" title="Leafless by Laighlin">Theme</a>
    </span>
</footer>

</div> <!-- wrapper finishes just before the end of the body -->

</body>

<script type="text/javascript">
// JS goes here, if any

</script>

</html>