theme

<!--
theme by @jagikin
don't redistribute
!-->

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

<head>
<style type="text/css">A:hover{letter-spacing: 2px;}</style>

<link href="https://fonts.googleapis.com/css?family=Lora" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet">

<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}

<meta name="image:icon" content="" />
<meta name="image:background" content="" />
<meta name="image:banner" content="" />
<meta name="image:transparent" content="" />
<meta name="image:post divider" content=""/>

<meta name="color:body" content="" />
<meta name="color:links" content="" />
<meta name="color:link hov" content="" />
<meta name="color:post bg" content="" />
<meta name="color:sidebar bg" content=""/>
<meta name="color:background" content=""/>
<meta name="color:description" content=""/>

<meta name="if:post bg" value="0" />
<meta name="if:sidebar bg" value="0"/>
<meta name="if:circle sidebar" value="0"/>
<meta name="if:custom desc" value="0"/>
<meta name="if:sidebar links" value="0"/>

<meta name="select:text size" content="12px"/>
<meta name="select:text size" content="14px"/>
<meta name="select:text size" content="16px"/>
<meta name="select:text size" content="18px"/>
<meta name="select:text size" content="20px"/>

<meta name="select:font" content="arial"/>
<meta name="select:font" content="sans serif"/>
<meta name="select:font" content="'Lora'"/>
<meta name="select:font" content="'Source Code Pro'" />
<meta name="select:font" content="monospace" />

<meta name="text:custom desc" content="if u want something other than ur mobile desc" />
<meta name="text:link divider" content="☆"

<meta name="text:url 1" content=""/>
<meta name="text:url 1 title" content=""/>
<meta name="text:url 2" content=""/>
<meta name="text:url 2 title" content=""/>
<meta name="text:transparent img size" content=""/>
<style type="text/css">
body {
font-family:Arial, helvetica, 'Lora', 'Source Code Pro', monospace, sans-serif,;
font-family:{select:font};
font-size:{select:text size};
color:{color:body};
margin:0px;
padding:0px
font-family: {select:font};
background-color:{color:background};
text-transform:{select:text transform};
background-image:url('{image:background}');
background-repeat: no0repeat; background-attachment: fixed;
}

a {
color:{color:links};
text-decoration:none;
-o-transition:color .2s ease-out, background 1s ease-in;
  -ms-transition:color .2s ease-out, background 1s ease-in;
  -moz-transition:color .2s ease-out, background 1s ease-in;
  -webkit-transition:color .2s ease-out, background 1s ease-in;
  /* ...and now override with proper CSS property */
  transition:color .2s ease-out, background 1s ease-in;
}

a:hover {
color:{color:link hov};
a:hover { color:red; background:yellow; }

}

#container {
width:760px;
margin:20px 0px 20px 100px;
}

#sidebar {
position:fixed;
float:left;
width:relative;
{block:ifsidebarbg}
background:{color:sidebar bg};
{/block:ifsidebarbg}
padding:15px;
}

#sidebar h1 {
margin:0px 0px;
}

#sidebar img {
 width: 200px;
height: 200px;
border: 1px {select:border} {color:border};
{block:ifcirclesidebar}
-moz-border-radius:300px; -webkit-border-radius:300px;
{/block:ifcirclesidebar}
}

.description {
color:{color:description};

}

.links {

}

#content {
width:520px;
float:right;
}

.post {
{block:ifpostbg}
background:{color:post bg};
{/block:ifpostbg}
padding:10px;
margin:0px 0px 20px 0px;
}

.post .meta {
text-align:right;
}

#postnotes {

}

{CustomCSS}
</style>

</head>

<body>
<div id="container">

<center>
<div id="sidebar">
<div><img src="{image:icon}"></div>
<h1>{Title}</h1>


<div class="description">
{block:ifcustomdesc}
{text:custom desc}
{/block:ifcustomdesc}

</div>
{/block:Description}

<div class="links">
{block:AskEnabled}<a href="/ask">{AskLabel}</a>{/block:AskEnabled}
{block:SubmissionsEnabled}<a href="/submit">{SumbitLabel}</a>{/block:SubmissionsEnabled}
{block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
{block:ifsidebarlinks}
<a href={text:url 1}>{text:url 1 title}</a>
{text:link divider}
<a href={text:url 2}>{text:url 2 title}</a>
{/block:ifsidebarlinks}
</div>

<div class="pagnition">
{block:PreviousPage}<a href="{PreviousPage}"><<</a></a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}">>></a>{/block:NextPage}
</div>
</div>
</center>
<div style="position:fixed; bottom:0px; right:0px;"><img src= {image:transparent}  width={text:transparent img size}/></div>

<div id="content">
{block:Posts}
<div class="post">
{block:Text}
{block:Title}
<h3><a href="{Permalink}">{Title}</a></h3>
{/block:Title}

{Body}
{/block:Text}

{block:Photo}
{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}

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

{block:Photoset}
{Photoset-500}

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

{block:Quote}
"{Quote}"

{block:Source}
<div class="source">{Source}</div>
{/block:Source}
{/block:Quote}

{block:Link}
<a href="{URL}" class="link" {Target}>{Name}</a>

{block:Description}
<div class="description">{Description}</div>
{/block:Description}
{/block:Link}

{block:Chat}
{block:Title}
<h3><a href="{Permalink}">{Title}</a></h3>
{/block:Title}

<ul class="chat">
{block:Lines}
<li class="{Alt} user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}

{Line}
</li>
{/block:Lines}
</ul>
{/block:Chat}

{block:Video}
{Video-500}

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

{block:Audio}
{AudioPlayerBlack}

{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{/block:Audio}
<div class="meta">
{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}
{block:NoteCount}<a href="{Permalink}#postnotes">{NoteCountWithLabel}</a>{/block:NoteCount}
<div><center><img src="{image:post divider}"></center></div>
</div>

{block:PermalinkPage}
{block:PostNotes}
<div id="postnotes">
{PostNotes}
</div>
{/block:PostNotes}
{/block:PermalinkPage}
</div>
{/block:Posts}
</div>

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

</style>
</body>
</html>