07 | IDENTITY

<html>

<!--

// T H E M E  0 7 : IDENTITY

http://iliyon.tumblr.com/

1. do not remove credit
2. do not take any part of this code and claim it as your own.
3. message me if something just goes plain wrong.
4. like/reblog if using,
5. enjoy.

-->

<head>
<link rel="shortcut icon" href="{Favicon}">
<link href='http://fonts.googleapis.com/css?family=Lato:100,300italic,300,700,700italic' rel='stylesheet' type='text/css'>

<meta name="text:Name Your Angle" content="α" />
<meta name="text:Previous Page" content="previous" />
<meta name="text:Next Page" content="next" />
<meta name="text:Link 1 URL" content="" />
<meta name="text:Link 1" content="" />
<meta name="text:Link 2 URL" content="" />
<meta name="text:Link 2" content="" />
<meta name="text:Link 3 URL" content="" />
<meta name="text:Link 3" content="" />
<meta name="text:Link 4 URL" content="" />
<meta name="text:Link 4" content="" />
<meta name="text:Link 5 URL" content="" />
<meta name="text:Link 5" content="" />
<meta name="text:Link 6 URL" content="" />
<meta name="text:Link 6" content="" />
<meta name="text:Tab Link 1 URL" content="/" />
<meta name="text:Tab Link 1" content="index" />
<meta name="text:Tab Link 2 URL" content="/ask" />
<meta name="text:Tab Link 2" content="message" />
<meta name="text:Tab Link 3 URL" content="/archive" />
<meta name="text:Tab Link 3" content="archive" />
<meta name="text:Tab Link 4 URL" content="/" />
<meta name="text:Tab Link 4" content="link 1" />
<meta name="text:Tab Link 5 URL" content="/" />
<meta name="text:Tab Link 5" content="link 2" />
<meta name="text:Dropdown Ask Title" content="you have something in mind" />
<meta name="select:Tags" content="visible" title="Bare 'em" />
<meta name="select:Tags" content="hidden" title="Obliterate" />
<meta name="select:Caption" content="block" title="Bare 'em" />
<meta name="select:Caption" content="none" title="Obliterate" />
<meta name="color:Background" content="#ffffff" />
<meta name="color:Header" content="#ffffff" />
<meta name="color:Body" content="#444444" />
<meta name="color:Link" content="#cccccc" />
<meta name="color:Link Hover" content="#444444" />
<meta name="color:Scrollbar Track" content="#cccccc" />
<meta name="color:Tanline Accent" content="#59C2F0" />
<meta name="color:Navigation Link" content="#444444" />
<meta name="color:Scrollbar Track" content="#cccccc" />
<meta name="color:Tanline Accent" content="#59C2F0" />
<meta name="color:Abscissa" content="#cccccc" />
<meta name="color:Ordinate" content="#cccccc" />
<meta name="color:Post Borders" content="#cccccc" />
<meta name="color:Blockquote Border" content="#eeeeee" />
<meta name="color:Blockquote BG" content="#ffffff" />
<meta name="color:Tooltip Text" content="#7777777" />
<meta name="color:Tooltip BG" content="#ffffff" />
<meta name="color:Tooltip Border" content="#eeeeee" />
<meta name="color:Chat Second Row BG" content="#fbfbfb" />
<meta name="color:Chat Second Row Text" content="#444444" />
<meta name="if:Cartesian Timestamp" content="1" />
<meta name="if:400px" content="1" />
<meta name="if:500px" content="0" />
<meta name="if:Dropdown Ask" content="1" />
<meta name="if:Like Button" content="1" />

<style type="text/css">
body{
margin:0px;
font-family:lato, sans-serif;
font-size:11px;
color:{color:Body};
background:{color:Background};
}
::-webkit-scrollbar-thumb { background-color: {color:Scrollbar Track}; border-left: 7px solid {color:Background};  border-right: 7px solid {color:Background};}
::-webkit-scrollbar { height: 15px; width: 15px; }
::-webkit-scrollbar-track { background-color:{color:Background}; }
#s-m-t-tooltip{
z-index: 9999999;
text-transform:uppercase;
margin:10px; margin-left:25; margin-top:15px;
color:{color:Tooltip Text};
background:{color:Tooltip BG};
border:1px {color:Tooltip Border} solid;
padding:3px 6px;
font-size:8px;
line-height:10px;
letter-spacing:;
}
blockquote{
background:{color:Blockquote BG};
margin-left:10px;
padding:5px;
border-left:1px {color:Blockquote Border} solid;
}
iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:1;}
a{
-webkit-transition:0.6s;
-moz-transition:0.6s;
-ms-transition:0.6s;
-o-transition:0.6s;
transition:0.6s;
color:{color:Link};
text-decoration:none;
}
a:hover{
color:{color:Link Hover};
-webkit-transition:0.6s;
-moz-transition:0.6s;
-ms-transition:0.6s;
-o-transition:0.6s;
transition:0.6s;
}
.header{
opacity:1;
position:fixed;
background:{color:Header};
width:100%;
top:0px;
height:100px;
z-index:999;
}
.bloghead{
height:40px;
font-size:22px;
text-transform:uppercase;
text-align:left;
position:fixed;
top:41px;
z-index:999;
padding-left:170px;
font-style:italic;
letter-spacing:2px;
}
.nav{
left:0px;
width:46%;
text-align:right;
margin:auto;
font-size:11px;
letter-spacing:4px;
font-style:italic;
position:fixed;
top:38px;
z-index:999999;;
text-transform:uppercase;
}
.nav2{
z-index:999999;;
text-transform:uppercase;
width:46%;
text-align:left;
right:0%;
font-size:11px;
letter-spacing:4px;
font-style:italic;
position:fixed;
top:38px;
}
.nav a, .nav2 a, .bloghead label{
cursor:pointer;
margin:0px 10px;
color:{color:Navigation Link};
border-bottom:1px {color:Header} solid;
padding:0px 2px;
-webkit-transition:0.6s;
-moz-transition:0.6s;
-ms-transition:0.6s;
-o-transition:0.6s;
transition:0.6s;
}
.nav a:hover, .nav2 a:hover, .bloghead label:hover{
color:{color:Tanline Accent};
border-bottom:1px {color:Tanline Accent} solid;
-webkit-transition:0.6s;
-moz-transition:0.6s;
-ms-transition:0.6s;
-o-transition:0.6s;
transition:0.6s;
}
.holder{
position:absolute;
left:0px; right:0px;
margin:auto;
top:180px;
}
.wysiwyg{
{block:if400px}
width:550px;
{/block:if400px}
{block:if500px}
width:650px;
{/block:if500px}
position:relative;
margin:auto;
}
.post{
border-bottom:1px {color:Post Borders} solid;
{block:if400px}
width:400px;
{/block:if400px}
{block:if500px}
width:500px;
{/block:if500px}
margin-left:100px;
text-align:justify;
line-height:18px;
position:relative;
padding:30px 10px;
}
.caption{
border-left:1px {color:Blockquote Border} solid;
padding:10px;
display:{select:Caption};
}
.inf{
{block:if400px}
width:300px;
{/block:if400px}
{block:if500px}
width:400px;
{/block:if500px}
margin-right:100px;
border-bottom:1px {color:Post Borders} solid;
font-size:10px;
padding:3px 10px;
letter-spacing:1px;
font-style:italic;
text-transform:uppercase;
line-height:14px;
}
.post img{
{block:if400px}
max-width:400px;
{/block:if400px}
{block:if500px}
max-width:500px;
{/block:if500px}
}
/* SINCOSTAN */
.wrapper{
z-index:999;
position:fixed;
width:70px;
top:5px;
left:0px;
right:0px;
margin:auto;
}
.bloghead2{
position:fixed;
left:0px;
text-transform:uppercase;
font-style:normal;
top:87px;
font-size:10px;
letter-spacing:5px;
width:100%;
text-align:center;
}
.abscissa{
width:70px;
top:39px;
position:absolute;
height:1px;
background:{color:Abscissa};
z-index:51;
}
.ordinate{
height:70px;
width:1px;
background:{color:Ordinate};
position:absolute;
left:35px;
top:5px;
z-index:51;
}
.tanline1{
z-index:50;
width:19px;
height:30px;
border-right:1px {color:Tanline Accent} solid;
border-bottom:1px {color:Tanline Accent} solid;
position:absolute;
top:10px;
left:30px;
border-bottom-right-radius:19px;
}
.tanline2{
width:17px;
height:30px;
border-left:1px {color:Tanline Accent} solid;
border-top:1px {color:Tanline Accent} solid;
position:absolute;
top:39px;
left:18px;
border-top-left-radius:30px;
z-index:50;
}
.brand{
position:fixed;
width:auto;
left:51%;
text-align:center;
text-transform:none;
top:62px;
font-style:italic;
letter-spacing:2px;
font-size:9px;
z-index:999;
border-bottom:1px {color:Tanline Accent} solid;
padding:2px;
}

/* POST STYLES */
#title{
margin-bottom:25px;
font-size:14px;
text-transform:uppercase;
text-align:center;
letter-spacing:2px;
}
#asker{
float:left;
padding:5px;
border-bottom:1px {color:Post Borders} solid;
margin-top:30px;
position:relative;
}
#asker img{
width:50px;
}
#maha{
font-style:italic;
text-transform:uppercase;
font-size:16px;
letter-spacing:2px;
padding:5px;
border-bottom:1px {color:Post Borders} solid;
width:70%;
}
#que{
padding:10px;
color:{color:Link};
font-size:9px;
text-transform:uppercase;
}
#tag{
font-size:10px;
letter-spacing:1px;
text-align:center;
{block:if400px}
width:430px;
{/block:if400px}
{block:if500px}
width:530px;
{/block:if500px}
visibility:{select:Tags};
padding:10px;
margin-left:100px;
margin-bottom:130px;
}
#quot{
font-size:10px;
letter-spacing:2px;
text-transform:uppercase;
}
#quot:first-letter{
font-size:20px;
}
#quotsrc{
text-align:center;
font-size:7px;
text-transform:uppercase;
margin-top:20px;
letter-spacing:2px;
}
#audiopl{
width:28px;
height:28px;
border:1px #eee solid;
overflow:hidden;
background:#fff;
top:15px;
left:15px;
position:absolute;
opacity:0.7;
}
#audiodata{
font-style:italic;
font-size:10px;
text-transform:uppercase;
letter-spacing:1px;
}
.label{display:inline-block;cursor:pointer;}
#link{
font-size:20px;
text-transform:uppercase;
text-align:center;
margin-bottom:20px;
}
#chatlabel{
font-size:8px;
text-transform:uppercase;
font-weight:700;
}
#chat{
}
#chat li{
padding:5px;
list-style-type:none;
margin:0px;
}
#chat li:nth-child(odd){
background:{color:Chat Second Row BG};
color:{color:Chat Second Row Text};
}
#paging{
padding:10px;
border-bottom:1px {color:Post Borders} solid;
{block:if400px}
width:400px;
{/block:if400px}
{block:if500px}
width:500px;
{/block:if500px}
margin-left:46%;
position:relative;
text-align:right;
margin-bottom:120px;
text-transform:uppercase;
font-size:12px;
}
#paging a{color:{color:Body}; padding:0px 2px; margin:0px 3px;}
#paging a:hover{color:{color:Link};}
.bkb{
left:0px; right:0px;
top:100px;
z-index:799;
margin:auto;
width:100%
overflow:hidden;
opacity:1;
background:{color:Header};
position:fixed;
font-style:normal;
text-transform:none;
text-align:justify;
color:{color:Body};
box-shadow:0px 2px 2px #eee;
display:none;
letter-spacing:1px;
}
#xl{
border-bottom:1px {color:Post Borders} solid;
text-align:center;
font-size:9px;
letter-spacing:2px;
text-transform:uppercase;
padding:5px;
}
.bkb a:hover{
color:;
}
.bkb td{
text-align:justify;
width:250px;
font-size:10px;
}
.permanots{
list-style-type:none;
{block:if400px}
width:430px;
{/block:if400px}
{block:if500px}
width:530px;
{/block:if500px}
margin-left:100px;
font-size:8px;
letter-spacing:1px;
text-transform:uppercase;
}
.list{margin-left:-40px;}
.list img{display:none;}
.list li{
border-bottom:1px {color:Post Borders} solid;
list-style-type:none;
margin-bottom:15px;
padding:3px;
text-align:left;
font-style:italic;
}
.list li:nth-child(2n+1){
margin-left:-25px;
margin-right:15px;
}
.cr{
font-size:5px;
text-transform:uppercase;
right:15px;
bottom:0px;right:0px;
line-height:20px;
position:fixed;
letter-spacing:1px;
text-align:center;
z-index:9999;
color:{color:Link};
}
.cr img{width:23px; position:relative; top:11px;}
}

</style>
<title>{Title}</title>
</head>
<body>
<div class=cr>
<a href="http://iliyon.tumblr.com/"><img src="http://static.tumblr.com/wb7siqo/pv9n4zsu6/crimg.png"></a><P>iliyon
</div>


<div class=header></div>

<!-- BEWARE TANLINES -->
<div class=wrapper>
<div class=abscissa></div>
<div class=ordinate></div>
<div class=tanline1></div>
<div class=tanline2></div>
</div>
<a id="expand" style="cursor:pointer; color:#444;"><div class=brand title="expand/collapse">y = tan({text:Name Your Angle})</div></a>
<!-- NOW GO -->

<div class=nav>
{block:ifLink1}
<a href="{text:Link 1 URL}" title="{text:Link 1}">sin</a>
{/block:ifLink1}

{block:ifNotDropdownAsk}
{block:ifLink2}
<a href="{text:Link 2 URL}" title="{text:Link 2}">cos</a>
{/block:ifLink2}
{/block:ifNotDropdownAsk}
{block:ifDropdownAsk}
<a href="javascript:;" id=msg><span title="message">cos</span></a>
{/block:ifDropdownAsk}

{block:ifLink3}
<a href="{text:Link 3 URL}" title="{text:Link 3}">tan</a>
{/block:ifLink3}
</div>
<div class=nav2>
{block:ifLink4}
<a href="{text:Link 4 URL}" title="{text:Link 4}">csc</a>
{/block:ifLink4}

{block:ifLink5}
<a href="{text:Link 5 URL}" title="{text:Link 5}">sec</a>
{/block:ifLink5}

{block:ifLink6}
<a href="{text:Link 6 URL}" title="{text:Link 6}">cot</a>
{/block:ifLink6}
</div>

<!-- ABOUT SECTION -->
<div class=bkb id=bkb>
<div style="width:990px; margin:auto;position:relative; max-height:100%; overflow:hidden;">
<center><div style="text-align:center;position:relative; top:15px; font-size:16px; font-style:italic;text-transform:uppercase;letter-spacing:5px; margin-bottom:15px;">{title}</div>
<table cellspacing="40">
<td valign=top>
<div id=title>user info</div>
{Description}<p></p>
This follows what you put in your description field by default.
</td>

<td valign=top> <!-- UPDATES -->
<div id=title>updates</div>
<div style="text-align:center;">
[ ] Online &nbsp; [ ] Offline &nbsp; [&times;] I do not bother changing this<br>
<b>Currently</b> dying<br>
<b>Reading</b> Bartimaeus Trilogy<br>
<b>Ask box</b> does not exist<br>
<b>Listening</b> Moderat
</div>
</td>

<td valign=top> <!-- MORE LINKS, TAB LINK 1-5 GOES HERE -->
<div id=title>more links</div>
{block:ifTabLink1}
<a href="{text:Tab Link 1 URL}"><div id=xl>{text:Tab Link 1}</div></a>
{/block:ifTabLink1}

{block:ifTabLink2}
<a href="{text:Tab Link 2 URL}"><div id=xl>{text:Tab Link 2}</div></a>
{/block:ifTabLink2}

{block:ifTabLink3}
<a href="{text:Tab Link 3 URL}"><div id=xl>{text:Tab Link 3}</div></a>
{/block:ifTabLink3}

{block:ifTabLink4}
<a href="{text:Tab Link 4 URL}"><div id=xl>{text:Tab Link 4}</div></a>
{/block:ifTabLink4}

{block:ifTabLink5}
<a href="{text:Tab Link 5 URL}"><div id=xl>{text:Tab Link 5}</div></a>
{/block:ifTabLink5}
</td>
</table>
</center>
</div>
</div>


<!-- DROPDOWN ASK BOX -->

<div class=bkb id=ask>
<div style="width:500px; margin:auto; margin-bottom:40px; margin-top:40px;">
<div id=title>{text:Dropdown Ask Title}</div>
<iframe frameborder="0" height="190" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/{name}.tumblr.com" width="500"></iframe>
</div>
</div>




<div class=holder>
{block:Posts}
	<div class=wysiwyg>
		{block:Date}
		<div class=inf>
		{block:ifCartesianTimestamp}
		<a href="{Permalink}" title="{Month} {dayofmonthwithZero} {Year} | permalink">({DayofmonthwithZero},{MonthNumberwithZero},{ShortYear})</a>
		{/block:ifCartesianTimestamp}
		{block:ifNotCartesianTimestamp}
		<a href="{Permalink}">{Month} {dayofmonthwithZero} {Year}</a>
		{/block:ifNotCartesianTimestamp}&middot; {block:RebloggedFrom}<a href={ReblogParentURL} title="{ReblogParentName}">via</a> &middot; <a href={ReblogRootURL} title="{ReblogRootName}">src</a> &middot;{/block:RebloggedFrom} <a href="{ReblogURL}">reblog</a>
		{block:ifLikeButton}
		&middot; <div style="display:inline-block; -ms-transform: scale(0.5,0.5); -webkit-transform: scale(0.5,0.5); transform: scale(0.5,0.5); position:relative; top:5px; margin:0px -2px;">{LikeButton size="20"}</div>
		{/block:ifLikeButton} {block:NoteCount}&middot; with {NoteCountwithLabel}{/block:NoteCount}
		</div>
		{/block:Date}
		{block:Audio}
		<div id=asker>
		{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
		<div id=audiopl>
		{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
		</div>
		</div>
		{/block:Audio}

		{block:Answer}
		<div id=asker><img src="{AskerPortraitURL-64}"></div>
		{/block:Answer}

		<div class=post>
		{block:Photo}
		<img src={PhotoURL-500}>
		{block:Caption}
		<div class=caption>
		{Caption}
		</div>
		{/block:Caption}
		{/block:Photo}

		{block:Photoset}

		{block:if400px}
		{Photoset-400}
		{/block:if400px}

		{block:if500px}
		{Photoset-500}
		{/block:if500px}

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

		{block:Quote}
		<div id=quot>{Quote}</div>
		{block:Source}<div id=quotsrc>{Source}</div>{/block:Source}
		{/block:Quote}

		{block:Chat}
		{block:Title}<div id=title>{Title}</div>{/block:Title}
		<div id=chat>
		{block:Lines}
		<li>
		{block:Label}<span id=chatlabel>{Label}</span>{/block:Label}
		{Line}
		</li>
		{/block:Lines}
		</div>
		{/block:Chat}

		{block:Link}
		<div id=link>「<a href="{URL}">{Name}</a>」</div>
		{block:Description}
		{Description}
		{/block:Description}
		{/block:Link}

		{block:Text}
		{block:Title}<div id=title>{Title}</div>{/block:Title}
		{Body}
		{/block:Text}

		{block:Audio}
		<div id=audiodata>
		{block:TrackName}<b>title</b> {TrackName}<br>{/block:TrackName}
		{block:Artist}<b>artist</b> {Artist}<br>{/block:Artist}
		{block:Album}<b>album</b> {Album}<br>{/block:Album}
		{block:PlayCount}<b>plays</b> {FormattedPlayCount}<br>
		{/block:PlayCount}
		</div>
		{block:Caption}
		<p>
		<div class=caption>{Caption}</div>
		{/block:Caption}
		{/block:Audio}

		{block:Answer}
		<div id=maha>{Asker}</div>
		<div id=que>{Question}</div>
		{Answer}
		{/block:Answer}

		{block:Video}

		{block:if400px}
		{Video-400}
		{/block:if400px}

		{block:if500px}
		{Video-500}
		{/block:if500px}

		{block:Caption}
		<div id=caption>{Caption}</div>
		{/block:Caption}
		{/block:Video}

		</div>

		<div id=tag>
		{block:HasTags}
		{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}
		{/block:HasTags}
		</div>

		{block:PermalinkPage}
		{block:PostNotes}
		<div class=permanots>
		    <div class=list>{PostNotes}</div>
		</div>
		{/block:PostNotes}
		{/block:PermalinkPage}
	</div>
{/block:Posts}
{block:Pagination}
<div id=paging>
{block:PreviousPage}
    <a href={PreviousPage}>{text:Previous Page}</a>
{/block:PreviousPage}
{block:JumpPagination length="5"}
{block:CurrentPage}
<span style="font-weight:700; margin:0px 5px;">{PageNumber}</span>
{/block:CurrentPage}
{block:JumpPage}
<a href="{URL}">{PageNumber}</a>
{/block:JumpPage}
{/block:JumpPagination}
{block:NextPage}
    <a href="{NextPage}">{text:Next Page}</a>
{/block:NextPage}
</div>
{/block:Pagination}
	</div>
</div>



<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>

<script>
(function($){$(document).ready(function(){
$("[title]").style_my_tooltips()
;})
;})
(jQuery);
</script>

<script type="text/javascript">
  $("#expand").click(function(){
    $("#bkb").slideToggle(350);
  });

  $("#msg").click(function(){
    $("#ask").slideToggle(350);
  });
</script>


</body>
</html>