populationgrowing new document title

<!DOCTYPE html>
<!--

made by eeyes.tumblr.com

send me an ask if something's broken/not working/looks odd.
don't remove the credit pls!

-->
<head>

<meta name="image:background" content="">
<meta name="image:content bg" content="">
<meta name="image:sidebar" content="">
<meta name="image:cursor" content="">
<meta name="image:favicon" content="">

<meta name="color:background" content="#FFFFFF">
<meta name="color:content bg" content="#FFFFFF">
<meta name="color:text" content="#000000">
<meta name="color:title" content="#f0a6ff">
<meta name="color:link" content="#0000FF">
<meta name="color:link hover" content="#ff00ff">
<meta name="color:like reblog buttons" content="#ffffff">

<meta name="text:note label" content="★">
<meta name="text:link 1" content="One">
<meta name="text:link 1 url" content="/1">
<meta name="text:link 2" content="Two">
<meta name="text:link 2 url" content="/2">
<meta name="text:link 3" content="Three">
<meta name="text:link 3 url" content="/3">
<meta name="text:link 4" content="Four">
<meta name="text:link 4 url" content="/4">
<meta name="text:link 5" content="Five">
<meta name="text:link 5 url" content="/5">

<meta name="if:custom cursor" content="0">
<meta name="if:glowing links" content="1">
<meta name="if:stretch bg" content="0">
<meta name="if:small avatar" content="0">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{Title}{block:SearchPage} | {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary} | {PostSummary}{/block:PostSummary}</title>
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<link rel="shortcut icon" href="{image:Favicon}" />
<link rel="apple-touch-icon" href="{PortraitURL-128}"/>
<link rel="alternate" type="application/rss+xml" href="{RSS}" />

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">

<style type="text/css">
body {
    background: {color:background} url({image:background});
    color: {color:text};
    {block:ifstretchbg}background-size: cover;
    background-attachment: fixed;{/block:ifstretchbg}
    font-family: courier, andale mono, monospace;
    font-size: 17px;
    overflow-x: hidden;
    {block:ifcustomcursor}cursor: url({image:cursor}), auto;{/block:ifcustomcursor}
}
a, a:link, a:visited {
    color: {color:link};
    {block:ifglowinglinks}text-shadow: 0 0 2px white;{/block:ifglowinglinks}
    {block:ifcustomcursor}cursor: url({image:cursor}), auto;{/block:ifcustomcursor}
}
a:hover {color: {color:link hover};}
table {margin: 5px auto;}
td {padding: 3px;}
#cursor {width: 100%; height: 100%; position: absolute; top: 0; left: 0; {block:ifcustomcursor}cursor: url({image:cursor}), auto;{/block:ifcustomcursor}}

#container {position: absolute; top: 0; left: 0; margin: auto; width: 100%; height: 100%; {block:ifcustomcursor}cursor: url({image:cursor}), auto;{/block:ifcustomcursor}}
#sidebar {
    width: 100%;
    margin: 0 auto 20px auto;
    padding: 20px;
    background: {color:content bg} url({image:content bg});
    border-bottom: 2px groove grey;
    box-shadow: 0 5px 5px rgba(0,0,0,0.5);
    text-align: center;
}
#sidebar .avatar {
    background: url({image:sidebar}) 50% 50% no-repeat;
    background-size: cover;
    width: 200px; height: 200px;
    {block:ifsmallavatar}width:100px; height:100px;{/block:ifsmallavatar}
    margin: auto;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-crisp-edges;
    image-rendering: pixelated;
    image-rendering: crisp-edges;
}
#sidebar .title {
    font-family: arial, sans-serif;
    font-weight: 900;
    font-size: 2em;
}
#sidebar .title a {
    color: {color:title};
    text-decoration: none;
    text-shadow: 2px -2px 2px black;
    text-shadow: -1px -1px black, -1px 1px black, 1px -1px black, 1px 1px black;
}
#sidebar .title a:hover {color: {color:link hover};}
#sidebar #nav-top {font-size: 24px;}
.post {
    margin: 0 auto;
    padding: 20px;
    background: {color:content bg} url({image:content bg});
    border: 2px groove grey;
    margin-bottom: 10px;
    width: 700px;
}



/**************************************/



.post img {max-width: 700px;}
.post table {width: 700px;}

.post .chat {margin: 10px 10px 0 -40px;}
.post .chat .conversation {margin-left: 40px;}
.post .quote {font-size: 19px;}
.post .source {padding-left: 40px; padding-bottom: 10px;}
.post .audio .album-art img {width: 100px; height: 100px; float: left;}
.post .audio .player {
    height: 80px; width: 570px;
    overflow: hidden;
    padding: 10px;
    position: relative; left: 10px;
    border: 2px groove grey;
}
.post .cap img {max-width: 100%; height: auto;}

.post .footer {width: 700px;}
.post .footer .left {max-width: 500px;}
.post .footer .right {width: 150px; text-align: center;}

blockquote {
    margin: 5px 0 5px 5px;
    padding-left: 10px;
    border-left: 2px groove grey;
}
pre {
    background: lightgrey;
    padding: 5px;
    border: 2px groove grey;
}

#nav-bottom {
    background: {color:content bg} url({image:content bg});
    border: 2px groove grey;
    padding: 20px;
    width: 700px;
    margin: auto;
    font-size: 24px;
    text-align: center;
}



/**************************************/


.lrb { display: inline; }
.lrb a, .lrb i { font-size: 24px; font-family: 'FontAwesome' !important; color: {color:like reblog buttons}; font-weight: normal !important; text-shadow: -1px -1px {color:link}, -1px 1px {color:link}, 1px -1px {color:link}, 1px 1px {color:link}; }
.lrb a:hover, .lrb i:hover {text-shadow: -1px -1px {color:link hover}, -1px 1px {color:link hover}, 1px -1px {color:link hover}, 1px 1px {color:link hover};}
.lrb .new-rb { margin-left: 35px; }
.lrb .like-btn {
    position: relative;
    display: inline;
    width: 18px; height: 18px;
    cursor: pointer; {block:ifcustomcursor}cursor: url({image:cursor}), auto;{/block:ifcustomcursor}
}
.lrb .like_button {
    position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    width: 18px; height: 18px;
    opacity: 0; z-index: 10;
    cursor: pointer; {block:ifcustomcursor}cursor: url({image:cursor}), auto;{/block:ifcustomcursor}
}/
.lrb .like_button iframe { width: 100% !important; height: 100% !important; cursor: pointer; }
.lrb .like-btn .new-like {
    position: absolute; top: -4px; left: 0; right: 0; bottom: 0;
    width: 100%; height: 100%;
    z-index: 1;
    cursor: pointer; {block:ifcustomcursor}cursor: url({image:cursor}), auto;{/block:ifcustomcursor}
}



/**************************************/



@keyframes fadein {from{opacity:0;} to{opacity:1;}}
@keyframes fadeout {from{opacity:1;} to{opacity:0;}}
#credit {position: fixed; bottom: 2px; left: 2px; z-index: 99999999; font-size: 15px;}
#credit a {color: black; text-shadow: -1px -1px white, -1px 1px white, 1px -1px white, 1px 1px white;}
#credit .hidden {opacity: 0; animation: fadeout 1s both; margin: 0 0 2px 2px;}
#credit:hover .hidden {opacity: 1; animation: fadein 1s;}

</style>
<style type="text/css">{CustomCSS}</style>
</head>

<body>
<div id="cursor"></div>
<div id="container">
<div id="sidebar">
    <div class="avatar"></div>
    <div class="title">
        <a href="/">{Title}</a>
    </div>

    <div class="sb-box">
        <div class="description">{Description}</div>
        <div class="search-box">
            <form action="/search" method="get" id="search">
                <input type="text" name="q" value="{SearchQuery}">
                <button type="submit">Search</button>
            </form>
        </div>
    </div> <!-- end .sb-box -->
    <table class="links" border="1" align="center">
        <td><a href="{BlogURL}" title="Home">Home</a></td>
        {block:AsksEnabled}<td><a href="/ask" title="Ask">Ask</a></td>{/block:AsksEnabled}
        {block:SubmissionsEnabled}<td><a href="/submit" title="Submit">Submit</a></td>{/block:SubmissionsEnabled}
        <td><a href="{text:link 1 url}" title="{text:link 1}">{text:link 1}</a></td>
        <td><a href="{text:link 2 url}" title="{text:link 2}">{text:link 2}</a></td>
        <td><a href="{text:link 3 url}" title="{text:link 3}">{text:link 3}</a></td>
        <td><a href="{text:link 4 url}" title="{text:link 4}">{text:link 4}</a></td>
        <td><a href="{text:link 5 url}" title="{text:link 5}">{text:link 5}</a></td>
    </table>
    <div id="nav-top">
        {block:PreviousPage}<a href="{PreviousPage}">{/block:PreviousPage}&laquo;{block:PreviousPage}</a>{/block:PreviousPage}
        {block:JumpPagination length="5"}
            {block:CurrentPage}<span class="current" style="padding: 0 5px;">{PageNumber}</span>{/block:CurrentPage}
            {block:JumpPage}<a href="{URL}" style="padding: 0 5px;">{PageNumber}</a>{/block:JumpPage}
        {/block:JumpPagination}
        {block:NextPage}<a href="{NextPage}">{/block:NextPage}&raquo;{block:NextPage}</a>{/block:NextPage}
    </div>
</div> <!-- end #sidebar -->



<div id="content">
{block:SearchPage}
<div class="searchpage" align="center">
    <h2>
        {SearchResultCount} results for '{SearchQuery}'{block:NoSearchResults}. No search results found{/block:NoSearchResults}
    </h2>
</div>
{/block:SearchPage}

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

{block:Photo}
    <div class="photo">
        <figure>
        {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="700px">{LinkCloseTag}
        {block:Caption}<figcaption class="cap">{Caption}</figcaption>{/block:Caption}
        </figure>
    </div>
{/block:Photo}

{block:Photoset}
    <div class="photoset">
        <figure>{Photoset-700}{block:Caption}<figcaption class="cap">{Caption}</figcaption>{/block:Caption}</figure>
    </div>
{/block:Photoset}

{block:Video}
    <div class="video">
        <figure>
        <div class="embed">{Video-700}</div>
        {block:Caption}<figcaption class="cap">{Caption}</figcaption>{/block:Caption}
        </figure>
    </div>
{/block:Video}

{block:Audio}
    <div class="audio">
        <div class="album-art">
            {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
        </div>
        {block:AudioPlayer}
        <div class="player">
            {AudioPlayerWhite}
        <div class="meta">{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}{block:TrackName} - {TrackName}{/block:TrackName}{block:ExternalAudio}<span> &bull; <a href="{ExternalAudioURL}">{lang:Download}</a></span>{/block:ExternalAudio}</div>
        </div>
        {/block:AudioPlayer}
        {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
    </div>
{/block:Audio}

{block:Quote}
    <div class="quote {Length}">&ldquo;{Quote}&rdquo;</div>
    {block:Source}<div class="source">&mdash; {Source}</div>{/block:Source}
{/block:Quote}

{block:Text}
    <div class="text">
        {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
        {block:Body}<div class="cap">{Body}</div>{/block:Body}
    </div>
{/block:Text}

{block:Answer}
    <div class="ask">
        <div class="q">
            <p class="asker" style="margin-bottom: -4px;">{Asker} asked:</p>
            <table class="box" border="1" align="center"><tr><td class="question">{Question}</td></tr></table>
        </div>

        {block:Answerer}
        <div class="a">
            <p class="answerer" style="margin-bottom: -4px;">{Answerer} answered:</p>
            <table class="box" border="1" align="center"><tr><td class="answer">{Answer}</td></tr></table>
        {/block:Answerer}

        <div class="cap"><p>{Replies}</p></div>
    </div>
{/block:Answer}

{block:Chat}
    <div class="chat">
        {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
        <table class="conversation" border="1" align="center">
            <tr class="lines">
                {block:Lines}<tr><td class="line {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</td></tr>{/block:Lines}
            </tr>
        </table>
    </div>
{/block:Chat}

{block:Link}
    <div class="link">
        <h2><a {Target} href="{URL}"><span class="title">{Name}</span></a></h2>
        {block:Description}<div class="cap">{Description}</div>{/block:Description}
    </div>
{/block:Link}

{block:Date}
    <table class="footer" border="1" align="center">
        <tr class="top">
            <td class="left"><a href="{Permalink}" title="{TimeAgo}">{DayOfMonth} {ShortMonth} {ShortYear}, {12Hour}:{Minutes}{AmPm}</a></td>
            <td class="right">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> | {block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">src</a><br>{/block:ContentSource}{/block:RebloggedFrom}<a href="{Permalink}" title="permalink">{block:NoteCount}{NoteCount} {/block:NoteCount}{text:note label}</a></td>
        </tr>
        <tr class="bottom">
            <td class="left">
                {block:HasTags}{block:Tags}<span class="tag"><a href="{TagURL}">#{Tag}</a></span> {/block:Tags}{/block:HasTags}
            </td>
            <td class="right">
                <div class="lrb"><span class="like-btn">{LikeButton size="13"}<i class="new-like fa fa-heart"></i></span><a href="{ReblogURL}"><i class="new-rb fa fa-retweet"></i></a></div>
            </td>
        </tr>
    </table> <!-- end .footer -->
{/block:Date}

{block:PermalinkPage}{block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}{/block:PermalinkPage}

</div> <!-- end .post -->
{/block:Posts}
</div> <!-- end .posts -->

<div id="nav-bottom">
    {block:PreviousPage}<a href="{PreviousPage}">{/block:PreviousPage}&laquo;{block:PreviousPage}</a>{/block:PreviousPage}
    {block:JumpPagination length="5"}
        {block:CurrentPage}<span class="current" style="padding: 0 5px;">{PageNumber}</span>{/block:CurrentPage}
        {block:JumpPage}<a href="{URL}" style="padding: 0 5px;">{PageNumber}</a>{/block:JumpPage}
    {/block:JumpPagination}
    {block:NextPage}<a href="{NextPage}">{/block:NextPage}&raquo;{block:NextPage}</a>{/block:NextPage}
</div>

</div> <!-- end #content -->
</div> <!-- end #container -->

<div id="credit">
    <div class="hidden"><a href="http://eeyes.tumblr.com">&copy; eeyes</a></div>
    <div class="credimg"><a href="http://eeyes.tumblr.com"><img src="http://static.tumblr.com/h9w9had/2sKofnk4s/nano_melodytchi.png"></a></div>
</div>

</body>
</html>