hello world theme

<html>
<!DOCTYPE html>
<head>

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
{block:description}
<meta name="description" content="{MetaDescription}" />
{/block:description}

<!-----
hello world theme by tomba2
credit to tomkirk for post titles
if you have questions hmu
it's almost 2020 remove the credit if you want idgaf
----->

<title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>

<link rel="shortcut icon" href="{image:favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
<script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/8oupd2j/BYTm7u5cn/tag_search.js"></script>

<!-- COLORS -->

<meta name="color:background" content="#ffffff"/>
<meta name="color:post background" content="#ffffff"/>
<meta name="color:container background" content="#ffffff"/>
<meta name="color:cursor" content="#ffffff"/>
<meta name="color:text" content="#ffffff"/>
<meta name="color:link" content=""/>
<meta name="color:link border" content=""/>
<meta name="color:link hover" content=""/>
<meta name="color:scrollbar" content="#ffffff"/>

<!-- IMAGES -->

<meta name="image:background" content=""/>
<meta name="image:container background" content=""/>
<meta name="image:header" content=""/>
<meta name="image:permalink" content=""/>
<meta name="image:favicon" content=""/>
<meta name="image:link 1" content=""/>
<meta name="image:link 2" content=""/>
<meta name="image:link 3" content=""/>
<meta name="image:link 4" content=""/>

<!-- IF STATEMENTS -->

<meta name="if:full background" content="" />
<meta name="if:show captions" content=""/>
<meta name="if:rounded" content="" />
<meta name="if:blur" content="" />
<meta name="if:box shadow" content="" />
<meta name="if:round icon" content="" />
<meta name="if:soft icon" content="" />
<meta name="if:search bar" content="" />
<meta name="if:show title" content="" />

<!-- TEXT -->

<meta name="text:username" content=""/ >
<meta name="text:font size" content=""/ >
<meta name="text:title font size" content="40" />
<meta name="text:searchbar width" content="240" />
<meta name="text:searchbar margin" content="40" />
<meta name="text:container margin" content="25"/ >
<meta name="text:link margin" content="30"/ >
<meta name="text:letter spacing" content="1.65" />
<meta name="text:link 1 URL" content="/"/>
<meta name="text:link 1 name" content=""/>
<meta name="text:link 2 URL" content="/"/>
<meta name="text:link 2 name" content=""/>
<meta name="text:link 3 URL" content="/"/>
<meta name="text:link 3 name" content=""/>
<meta name="text:link 4 URL" content="/"/>
<meta name="text:link 4 name" content=""/>
<meta name="text:next link" content="next" />
<meta name="text:back link" content="back" />

<style type="text/css">

iframe#tumblr_controls {-webkit-filter:invert(100%);-moz-filter:invert(100%);-filter:invert(100%);right:3px;-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;transition: all 0.4s linear; z-index:999999;}

iframe#tumblr_controls:hover{opacity:1;}

::-webkit-scrollbar {width:8px; height:0px; background: {color:transparent};}
::-webkit-scrollbar-thumb {background-color: {color:scrollbar};}


body {
color:{color:text};
background-color:{color:background};
background-image:url('{image:background}');
{block:iffullbackground}background-size:100%; background-attachment: fixed;{/block:iffullbackground}
font-size:{text:font size}px;
line-height:120%;
text-align:justify
}

#title{
right:10px;
font-size:{text:title font size}px;
top:60px;
width:500px;
position:relative;
text-align:left;
font-weight:bold;
padding-right:0px;
-webkit-filter: blur(0.7px);
}

h1 {font-size:{text:title font size}px; line-height:120%;}

a{
color:{color:link};
text-shadow: -1px 0  {color:link }, 0 1px  {color:link border}, 1px 0  {color:link border}, 0 -1px  {color:link border};
text-decoration:none;
letter-spacing:1px;
font-size:{text:link font size};
}

a:hover{
color:{color:link hover};
}

.search {
width:{text:searchbar width}px;
padding:5px;
margin:28px {text:searchbar margin}px -50px -10px;
border-radius:4px;
font-size:{text:font size}px;
}

.go {
width:40px;
height:32px;
border-radius:4px;
margin-right:20px;
font-size:{text:font size}px;
}

#links {
padding:40px;
width:100%;
margin-left:-250px;
font-size:{text:font size}px;
color:{color:link};
}

#links img {
margin:40px {text:link margin}px -20px 0px;
}

#header img{
background:transparent;
z-index: 100;
position:absolute;
margin-top:25px;
margin-left:40px;
height:220px;
{block:ifboxshadow}box-shadow: 20px 20px 3px rgba(0, 0, 0, 0.3);{block:ifboxshadow}
{block:ifroundicon}border-radius:220px;{/block:ifroundicon}
{block:ifsofticon}border-radius:15px;{/block:ifsofticon}
}

#container {
width:570px;
height:500px;
margin:{text:container margin}px auto 20px;
overflow:auto;
padding: 20px;
padding-bottom:20px;
background-color:{color:container background};
background-image:url('{image:container background}');
{block:ifboxshadow}box-shadow: 20px 20px  rgba(0, 0, 0, 0.3);{block:ifboxshadow}
{block:ifrounded}border-radius:10px;{/block:ifrounded}
}

#posts {
margin: 25px 15px;
width: 500px;
height:auto;
text-align: left;
padding: 20px;
{block:ifrounded}border-radius:10px;{/block:ifrounded}
background-color:{color:post background};
{block:IndexPage}
 {block:PermalinkPage}width:500px;float:left;{/block:PermalinkPage} {/block:IndexPage}
}

#posts img {
max-width:100%;
{block:ifrounded}border-radius:10px;{/block:ifrounded}
margin-left: -5px;
}

#posts img:hover {
{block:ifblur}-webkit-filter: blur(1px);
{/block:ifblur}
}

#next{
position:fixed;
right:200px;
top:75%;
font-size:40px;
}
#back{
position:absolute;
left:220px;
top:75%;
font-size:40px;
}

#blue{
position:fixed;
bottom:10px;
left:10px;
}

.blink_me {
position:relative;
display:inline;
height:30px;
padding:0px 2px 0px 0px;
margin:0px 10px 10px 10px;
background:{color:cursor};
animation: blinker 1s linear infinite;
}
@keyframes blinker {
0% { opacity: 0; }
10%  {opacity:.9;}
100%  {opacity:0;}
}

.media{
margin-bottom:15px;
margin-top:5px;
margin-left:10px;
max-width:100%;
text-align:center;
}

.mediaa
{
margin-bottom:15px;
margin-top:5px;
margin-left:2px;
max-width:100%;
text-align:center;
}

#audio {
width:100%;
height:55px;
margin-bottom:10px;
margin-left:80px;
display:block;
padding:5px;
}

.art{
width:55px;
height:55px;
position:relative;
display:block;
z-index:1;
}

.art img {
width:50px;
height:50px;
}

.player {
background:#fff;
height:25px;
width:25px;
padding:2px;
overflow:hidden;
position:relative;
margin-top:-46px;
margin-left:3px;
border:2px solid #fff;
opacity:0.8;
z-index:2;
}

.songtitle {
margin-left:60px;
margin-top:-60px;
padding:5px 10px;
line-height:24px;
overflow:auto;
font-size:{text:font size}px;
}

.title{
font-weight:normal;
font-size:18px;
margin-bottom:10px;
}

.type{
margin:0 0 10px 0;
text-transform:uppercase;
}

.quote{
font-weight:normal;
font-size:{text:font size}px;
font-style:italic;
margin:0 0 10px 10px;
}

.question{
margin-bottom:10px;
}

#ask_form{ height: 255px!important;}

.blockquote{
margin:0 0 10px 10px;
padding:0 0 0 10px;
border-left:solid 1px #000;
}

.footer{
margin:0;
text-align:center;
}

{CustomCSS}

</style></head>
<body><center>

<div id="header"><a href="/"><img src="{image:header}"></a></div>

{block:ifShowTitle}<div id="title"><a href="/">{Title} <div class="blink_me"></a></div></div>{/block:ifShowTitle}

<div id="links">
<a href="{text:Link 1 URL}" title="{Text:Link 1}">
<img src="{image:Link 1}">
</a>

<a href="{text:Link 2 URL}" title="{Text:Link 2}">
<img src="{image:Link 2}">
</a>

<a href="{text:Link 3 URL}" title="{Text:Link 3}">
<img src="{image:Link 3}">
</a>

<a href="{text:Link 4 URL}" title="{Text:Link 4}">
<img src="{image:Link 4}">
</a>

{block:ifSearchBar}
<div id="search">
<form action="/search" method="get" id="search-form" onsubmit="return tagSearch(this)">
<input class="search" placeholder="Search..." name="tag" class="query" value="{text:Search Label}" onfocus="if (this.value == '{text:Search Label}') {this.value=''}" onblur="if (this.value == '') {this.value='{text:Search Label}'}" />
</form>
</div>
{/block:ifSearchBar}

</div></center>

 <div id="blue"><a href="http://tomba2.tumblr.com/" title="hello world theme by tomba2">✎</a></div>

<div id="container">

{block:Posts}

<div id="posts">

{block:Photo}
<div class="media">
<a href="{Permalink}">
C:\USER\{text:Username}\PICTURES
</a>{linkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{linkCloseTag}</div>
 {block:ifShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaptions}
{/block:Photo}

{block:Photoset}
<div class="mediaa"><a href="{Permalink}">
C:\USER\{text:Username}\PICTURES\GALLERY
</a>{Photoset-500}</div>
 {block:ifShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaptions}
{/block:Photoset}

{block:Quote}
<div class="media">
<a href="{Permalink}">
C:\USER\{text:Username}\DOCUMENTS\QUOTES
</a></div>
<div class="quote">"{Quote}"</div>
{block:Source}
<div class="quotesource">{Source}</div>
{/block:Source}
{/block:Quote}

{block:Link}
<div class="title"><a href="{Permalink}">
C:\USER\{text:Username}\DOCUMENTS\LINKS
</a><a href="{URL}">{Name}</a></div>
{block:Description}
<div class="description">{Description}</div>
{/block:Description}
{/block:link}

{block:Text}
<div class="media"><a href="{Permalink}">
C:\USER\{text:Username}\DOCUMENTS
</a>
</div>
{block:Title}
<h2>{Title}</h2>
{/block:Title}
{Body}
{/block:Text}

{block:Chat}
<div class="media"><a href="{Permalink}">
C:\USER\{text:Username}\CHATLOGS </a></div>
{block:Lines}
<div class="{Alt} user_{UserNumber}">
{block:Label}
<b>{Label}</b>{/block:Label}
&nbsp;{Line}
</div>
{/block:Lines}<br>
{/block:Chat}

{block:Video}
<div class="mediaa"><a href="{Permalink}">
C:\USER\{text:Username}\VIDEOS
</a>{Video-500}</div>
 {block:ifShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaptions}
{/block:Video}

{block:Audio}
<div class="media">
<a href="{Permalink}">
C:\USER\{text:Username}\MUSIC </a></div>
<div id="audio">
<div class="art">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
<div class="player">{AudioPlayerWhite}</div><br>
<div class="songtitle">
{block:TrackName}Title: {TrackName}{/block:TrackName}
{block:Artist}<br>Artist: {Artist}{/block:Artist}</div></div>
{/block:Audio}

{block:Answer}<a href="{Permalink}">
<div class="media">C:\USER\{text:Username}\EMAILS
</a><br><br>{Asker} asked: {Question}<br> {Answer}</div>{/block:Answer}

{block:Pagination}
{block:PreviousPage}
<div id="back"><a href="{PreviousPage}">{text:back link}
</a></div>{/block:PreviousPage}
{block:NextPage}
<div id="next"><a href="{NextPage}">
{text:next link}
</a></div>{/block:NextPage}
{/block:Pagination}

{block:Date}
<div class="footer">
<a href="{Permalink}"> {block:Date}{24HourWithZero}:{Minutes}{/block:Date}</a>&nbsp;
<a href="{Permalink}">{block:NoteCount}<img src="{image:permalink}"/>&nbsp;<a href="{NoteCount}" target="_blank" class="details"><a href="{Permalink}">{NoteCount}</a>
 {/block:NoteCount}</a>

{block:PermalinkPage}
{block:NoteCount}
{block:PostNotes}{PostNotes}{/block:PostNotes}
{/block:NoteCount}
{/block:PermalinkPage}

</div>

</div>
{/block:Posts}