no. 13: hola hola

<!DOCTYPE html>
<html>
<head>

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

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" integrity="sha384-gfdkjb5BdAXd+lj+gudLWI+BXq4IuLW5IT+brZEZsLFm++aCMlF1V92rMkPaX4PP" crossorigin="anonymous">

<meta name="image:portrait" content="" />

<meta name="color:accent" content="" />
<meta name="color:background" content="" />
<meta name="color:borders" content="" />
<meta name="color:link" content="" />
<meta name="color:selection" content="" />
<meta name="color:text" content="" />
<meta name="color:title" content="" />

<meta name="select:Post Width" content="300" title="300px" />
<meta name="select:Post Width" content="325" title="325px" />
<meta name="select:Post Width" content="350" title="350px" />
<meta name="select:Post Width" content="400" title="400px" />
<meta name="select:Post Width" content="450" title="450px" />
<meta name="select:Post Width" content="500" title="500px" />
<meta name="select:Post Width" content="540" title="540px" />

<meta name="text:Link1" content="" />
<meta name="text:Link1 URL" content="" />
<meta name="text:Link2" content="" />
<meta name="text:Link2 URL" content="" />
<meta name="text:Link3" content="" />
<meta name="text:Link3 URL" content="" />
<meta name="text:Link4" content="" />
<meta name="text:Link4 URL" content="" />

</head>
<style type="text/css">

/* tumblr controls */

iframe.tmblr-iframe { z-index:99999999999999!important;
    top:0!important;
    right:0!important;
    opacity:0.2;
        filter:invert(1);
        -webkit-filter:invert(1);
        -o-filter:invert(1);
        -moz-filter:invert(1);
        -ms-filter:invert(1);
    transform:scale(0.6);
    transform-origin:100% 0;
    -webkit-transform:scale(0.6);
    -webkit-transform-origin:100% 0;
    -o-transform:scale(0.6);
    -o-transform-origin:100% 0;
    -moz-transform:scale(0.6);
    -moz-transform-origin:100% 0;
    -ms-transform:scale(0.6);
    -ms-transform-origin:100% 0;
    transition: opacity 0.6s ease-in-out;
    -moz-transition: opacity 0.6s ease-in-out;
    -webkit-transition: opacity 0.6s ease-in-out;
}

iframe.tmblr-iframe:hover {opacity:0.6!important;}

body {
    color:{color:text};
    background:{color:background};
    font:10px roboto, arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 20px;
    word-wrap:break-word;
    overflow-x:hidden;
    margin:0;
    cursor:default;
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;
}

img {
    display:block;
    max-width:100%;
    height:auto;
}

::selection {
    color:{color:text};
    background:{color:selection};
}

::-moz-selection {
    color:{color:text};
    background:{color:selection};
}

::-webkit-scrollbar {height:2px;width:7px;background:inherit;}
::-webkit-scrollbar-thumb {
    background:{color:title};
    border-radius:2px;
    border-top:3px solid {color:background};
    border-right:5px solid {color:background};
    border-bottom:3px solid {color:background};
    -webkit-border-radius:2px;
}

a:link, a:visited, a:active {
    cursor:help;
    color:{color:link};
    text-decoration:none;
    border-bottom:1px dotted {color:link};
    -moz-transition:0.19s ease-in;
    -webkit-transition:0.19s ease-in;
    -o-transition:0.19s ease-in;
    transition:0.19s ease-in;
}

a:hover {
    border-bottom:1px solid {color:link};
    -moz-transition:0.19s ease-in;
    -webkit-transition:0.19s ease-in;
    -o-transition:0.19s ease-in;
    transition:0.19s ease-in;
}

blockquote {
    border-left:1px solid rgba(204,204,204,.3);
    padding:5px 0 5px 15px;
    margin:15px 0;
}

pre {
    padding:0;
    margin:0;
    line-height:1.5em;
    background:transparent;
    font-family:inherit!Important;
    font-size:1em!important;
    white-space:pre-wrap;
    white-space:-moz-pre-wrap;
    white-space:-pre-wrap;
    white-space:-o-pre-wrap;
    word-wrap:break-word;
}

p {margin:1em 0;}
p:first-of-type {margin-top:0;}
p:last-of-type {margin-bottom:0;}

b, strong, b a, strong a {color:{color:title};}

ol, ul {
    list-style:none;
    text-align:left;
    padding-left:0;
}

li {
    position:relative;
    padding:.1em 0 .1em 35px;
}

ol li {counter-increment:list;}

ol li:before, ul li:before {
    left:15px;
    position:absolute;
    vertical-align:baseline!important;
}

ol li:before {content:counter(list) '.';}
ul li:before {content:'›';}

.chat li:before, .same li:before {display:none;}

small, big, sub, pre {
    font-size:1em!important;
    line-height:1.5em!important;
    vertical-align:baseline!important;
}

.sidebar {
    width:170px;
    float:left;
    position:fixed;
    padding:20px;
    left:80px;
    top:50px;
    border-right:1px solid {color:borders};
}

.sidebar img {
    display:center;
    width:76px;
    margin:0px auto 15px;
}

.blog-title {
    display:block;
    position:relative;
    font-weight:700;
    font-size:24px;
    text-align:center;
    margin:20px auto 25px;
}

.blog-title a {
    color:{color:accent};
    border:none;
}

#stext {
    display:block;
    text-align:justify;
    margin-top:15px;
}

.navigation {
    margin-top:25px;
    letter-spacing:1px;
    word-spacing:2px;
    font-size:9px;
    text-transform:uppercase;
}

.navigation li {
    padding:.1em 0 .1em 25px;
    -moz-transition:0.5s ease-in;
    -webkit-transition:0.5s ease-in;
    -o-transition:0.5s ease-in;
    transition:0.5s ease-in;
}

.navigation li a:hover {
    background:yellow;
    margin-left:5px;
    -moz-transition:0.5s ease-in;
    -webkit-transition:0.5s ease-in;
    -o-transition:0.5s ease-in;
    transition:0.5s ease-in;
}

.navigation li a {
    border:none;
    color:{color:text};
}

.entry {
    display:block;
    position:relative;
    width:{select:post width}px;
    margin:50px 0 50px 340px;
}

.posts {
    display:block;
    position:relative;
    width:{select:post width}px;
    {block:IndexPage}margin-bottom:50px;{/block:IndexPage}
}

.posts a {
    border:none;
    padding:0px;
    margin:0px;
}

.post h1:first-child, .post h2:first-child, .post h3:first-child, .post h4:first-child {margin-top:0;}

.ui-tooltip {
    position:Absolute;
    z-index:9999;
    padding-top:10px;
}

.ui-tooltip-content {
    background:{color:accent};
    padding:2px 4px;
    font-size:8px;
    letter-spacing:1px;
}

.vignette, #vignette {opacity:0;}
.lightbox-image, #tumblr_lightbox img {
    box-shadow:none !important;
    border-radius:0 !important;
}

.tmblr-lightbox, #tumblr_lightbox {
    background-color:{color:background}!important;
    z-index:99999!important;
}

.lightbox-caption, #tumblr_lightbox_caption {
    visibility:hidden;
}

/* cr: agustd/gukthemes & sughyun/caulfielld; do not take w/o credit. */

.photo-slideshow .count-1 {
    margin-bottom:1px!important;
}

.photo-slideshow .count-2 {
    margin-left:1px!important;
    margin-bottom:1px!important;
    width:calc(50% - (1px/2))!important;
}

.photo-slideshow .count-2:first-child {
    margin-left:0!important;
}

.photo-slideshow .count-3 {
    margin-left:1px!important;
    margin-bottom:1px!important;
    width:calc((100% - (2 * 1px))/3)!important;
}

.photo-slideshow .count-3:first-child {
    margin-left:0!important;
}
.photo-slideshow {
    display:block!important;
    margin-bottom:calc(-(1px - 3px));
    position:relative;
    width:100%;
}

.defcap .photo-slideshow.processed {margin-bottom:0!important;}
.defcap .row:last-of-type .count-1{margin-bottom:0!important;}
.unnested .photo-slideshow.processed {margin-bottom:calc({select:font size} * (2/3)) !important;}

.posts img {
    height:auto;
    max-width:100%;
    display:block;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
}

.photo img {
    width:{select:post width}px;
    display:block;
}

.media, .photo-slideshow {
    position:relative;
    display:block;
}

.post img, .post li, .post blockquote, .caption img, .caption iframe {max-width:100%;}

a.like {
    position:relative;
    display:inline-block;}

a.like .like_button {
    position:absolute;
    width:100%;
    height:100%;}

a.like .like_button iframe {
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    z-index:2;
    opacity:0.0000001;
    width:100%;
    height:100%;}

a.like .liked + [class^="fa-"] {
    color:red;}

/* caption */

a.tumblr_blog {
    display:inline-block!important;
    margin-bottom:5px;
    vertical-align:12px;
}

.source a.tumblr_blog { vertical-align:initial; }

.caption > blockquote {
    margin-top:5px;
    padding-left:10px;
    border-left:1px solid #dcecf5;
}

.caption blockquote { margin:5px 0; }

.caption {
    padding:0px 0;
}

#permalink {
    margin-bottom:10px;
    letter-spacing:1px;
    font-size:9px;
    word-spacing:2px;
    text-transform:uppercase;
}

#permalink a {
    color:{color:text};
    font-weight:700;
}

.tags {margin:-5px 0px 10px;}

.tags a {
    color:{color:text};
    opacity:.5;
}

#sources {
    width:{select:post width}px;
    margin-top:5px;
    text-align:right;
}

.read_more {
    font-style:italic;
    margin:10px 5px 5px;
    display:block;
    text-transform:lowercase;
    color:{color:accent}!important;
}

.tumblr_parent {
    margin-top:10px;
}

blockquote.tumblr_parent {
    border:0;
}

blockquote.tumblr_parent blockquote {
    margin-top:5px;
    padding-left:10px;
    border-left:1px solid #dcecf5;
}

.tumblr_avatar {
    display:inline-block!important;
    margin-right:10px;
    margin-bottom:5px;
    width:20px;
    height:20px;
    border-radius:15%;
}

/* audio */

.tumblr_audio_player {
    width:250px;
    height:30px;
    margin-top:-2px;
}

.player {
    width:25px;
    height:25px;
    display:inline-block;
    overflow:hidden;
    vertical-align:middle;
}

.audio_info {
    padding-left:15px;
    margin-left:14px;
    border-left:1px solid {color:borders};
    vertical-align:middle;
    display:inline-block;
    width:calc({select:post width}px - 55px);
}

.audio_info span {display:block;}

/* chat */

.chat ol {
    margin:0;
    padding:0;
    list-style:none;
    text-align:left;
}

.l {
    margin:5px 0;
    padding:0;
}

.chat li:first-of-type {margin-top:0px;}
.chat li:last-of-type {margin-bottom:0;}

.label {
    color:{color:text};
    display:inline-block;
}

/* question */

.q {
    border-bottom:1px solid {color:borders};
    padding:8px 0;
}

.sender {
    margin-bottom:3px;
    display:block;
}

.aski {
    float:left;
    display:inline;
    position:relative;
}

.aski img {
    width:25px;
    height:25px;
    border-radius:50%;
    margin-right:10px;
}

/* quote */

.quote {
    display:block;
    text-align:center;
    padding:5px 25px;
    font-style:italic;
    font-size:17px;
}

.source {
    display:block;
    text-align:center;
    font-size:9px;
    margin-top:10px;
}

/* video */

.video {
    display:block;
    position:relative;
}

.video iframe {
    display:block;
    max-width:calc({select:post width}px - 8px);
}

.tumblr_video_container {
    display:block;
    max-width:calc({select:post width}px - 8px);
}

#youtube_iframe {
    display:block;
    max-height:calc({select:post width}px * 0.67);
    max-width:calc({select:post width}px - 8px);
}

.instagram-media {max-height:none!important;}

#pagination {
    display:block;
    width:{select:post width}px;
    margin-bottom:75px;
    font-size:12px;
}

#pagination a {
    color:{color:text};
    border:none;
    margin:3px;
    font-weight:700;
}

#pagination a:hover {background-color:yellow;}

/* notes */

ol.notes {
    display:block;
    width:{select:post width}px;
    text-align:left;
    list-style-type:none;
    letter-spacing:.7px;
}

ol.notes li:before {
    width:0px;
    display:none;
    background:none;
}

ol.notes li.note {
    padding:10px 15px 10px 8px;
    background-color:rgba({RGBcolor:borders},.1);
    border-bottom:1px solid {color:background};
    color:rgba({RGBcolor:text},7);
}

ol.notes li.note img.avatar {
    display:inline-block;
    width:14px;
    height:14px;
    float:left;
    margin-right:10px;
    border-radius:100%;
}

ol.notes li.note span.action {font-weight:normal;}
ol.notes li.note .answer_content {font-weight:normal;}

ol.notes li.note blockquote {
    border-left:2px solid #e1e1e1;
    padding-left:15px;
    margin:8px 8px 0px 16px;
    font-weight:normal;
    font-style:none;
    text-align:block;
    text-transform:none;
    line-height:17px;
}

a.more_notes_link, a.notes_loading {
    color:{color:text};
    font-style:italic;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
    text-align:center;
    border:none;
}

#cr {
    bottom:15px;
    right:15px;
    font:9px arial;
    font-weight:normal;
    font-style:normal;
    position:fixed;
    padding:2px;
    background:{color:background};
}

#cr a {
    border:none;
    padding:0px;
    margin:0px;
    text-decoration:none;
    color:{color:text};
}

{CustomCSS}

</style>


<body>


<div class="sidebar">
    <img src="{image:portrait}" />

    <div id="titlebar">
        <div class="blog-title"><a href="/">{title}</a></div>
    </div>

    <div id="stext">{description}</div>

    <ul class="navigation">
        {block:AskEnabled}<li><a href="/ask">message</a></li>{/block:AskEnabled}
        {block:ifLink1}<li><a href="{text:Link1 URL}">{text:Link1}</a></li>{/block:ifLink1}
        {block:ifLink2}<li><a href="{text:Link2 URL}">{text:Link2}</a></li>{/block:ifLink2}
        {block:ifLink3}<li><a href="{text:Link3 URL}">{text:Link3}</a></li>{/block:ifLink3}
        {block:ifLink4}<li><a href="{text:Link4 URL}">{text:Link4}</a></li>{/block:ifLink4}
    </ul>
</div>

<section class="entry">

{block:Posts}
<div class="posts" id="{PostID}">

{block:Date}
<div id="permalink">
<a href="{permalink}">{timeago}{block:NoteCount} • {notecountwithlabel}{/block:NoteCount}</a>

{block:IndexPage}<span style="float:right;">
<a href="{ReblogURL}"><i class="fas fa-redo-alt"></i></a> <a href="#" class="like">{LikeButton}<i class="fas fa-heart"></i></a></span>{/block:IndexPage}

</div>
{/block:Date}

{block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>&emsp;{/block:Tags}</div>{/block:HasTags}


{block:Quote}
<div class="quote">“{Quote}”</div>
{block:Source}<span class="source">{Source}</span>{/block:Source}
{/block:Quote}

{block:Text}
{block:Title}<h2>{Title}</h2>{/block:Title}
<div class="caption">{Body}</div>
{/block:Text}

{block:Link}
<div class="caption">
    <h2><a href="{URL}">{Name}</a></h2>
</div>
{block:Description}{Description}{/block:Description}
{/block:Link}

{block:Chat}
{block:Title}<h2>{Title}</h2>{/block:Title}
<div class="chat">
{block:Lines}
    <li class="l {Alt}">{block:Label}
    <span class="label">{Label}</span>{/block:Label} {Line}</li>
{/block:Lines}
</div>
{/block:Chat}

{block:Photo}
<div id="media"><a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false">
    <img src="{PhotoURL-HighRes}" width="{text:post width}">
</a>
</div>
{/block:Photo}

{block:Photoset}
<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
{/block:Photoset}

{block:Video}<div class="video">{Video-500}</div>{/block:Video}

{block:Audio}
{block:AudioPlayer}
<div class="hold"><div class="player"><div class="audio_box" id="{PostID}">{AudioPlayerWhite}</div></div><div class="audio_info">
{block:TrackName}<span><b>{TrackName}</b></span>{/block:TrackName}
{block:Artist}<span>by {Artist}</span>{/block:Artist}
</div></div>{/block:AudioPlayer}
{/block:Audio}

{block:Answer}
<div class="q"><div class="aski"><img src="{AskerPortraitURL-128}" /></div><span class="sender">{Asker} asked:</span>{Question}</div><div class="a"><div class="caption">{Answer}</div></div>
{/block:Answer}

{block:Caption}<div class="caption">{caption}</div>{/block:Caption}

{block:Date}
<div id="sources">
{block:RebloggedFrom}via: <a href="{ReblogParentURL}">{ReblogParentName}</a> / src: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}

{block:NotReblog}src: <a href="{Permalink}">{Name}</a>{/block:NotReblog}

<!--{block:ContentSource}
<a href="{SourceURL}">Source</a>
{/block:ContentSource}-->
</div>
{/block:Date}

</div>

{/block:Posts}

{block:Pagination}<div id="pagination">
{block:PreviousPage}<span style="text-align:right;"><a href="{PreviousPage}"> Back </a></span>{block:NextPage}<span style="float:right;"><a href="{NextPage}"> Next </a></span>{/block:NextPage}{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}" {block:PreviousPage}style="display:none;"{/block:PreviousPage}> Next </a>{/block:NextPage}
</div>{/block:Pagination}

{block:ContentSource}
<!— {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} —>{/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}{block:PostNotes}{PostNotes}{/block:PostNotes}

</section>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script><div id="cr"><a href="http://aurthms.tumblr.com">cr</a></div><script type="text/javascript" src="http://static.tumblr.com/bkd4m5b/Citm42m8i/smoothscroll.js"></script>
<link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
<script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
<script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>

<script>
$(document).ready(function() {

   $('.photo-slideshow').pxuPhotoset({
       lightbox: true,
       rounded: false,
       gutter: '0px',
       borderRadius: '0px',
       photoset: '.photo-slideshow',
       photoWrap: '.photo-data',
       photo: '.pxu-photo'
   });

});

</script>

<script src="http://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>

<script>
$(document).ready(function(){
    $('.posts').unnest({
    yourCaption: ".caption",
    wrapName: ".tumblr_parent",
    newCaptionUsername: true,
    originalPostCaptionUsername: false,
    tumblrAvatars: true,
    tumblrAvatarClass: ".tumblr_avatar",
    usernameColon: false
});
});
</script>

</body>
</html>