theme #09

<!----


                           theme #09 eevee
       --------------- { by azure/espeonthemes } ---------------
    keep the credit. dont steal. dont claim as own. dont be an asshole.
                               (=ﾟωﾟ)ﾉ



--->
  <!-----start html---->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<!-----custom google fonts---->
<script type="text/javascript">
WebFontConfig = {
google: { families: [ 'Roboto:400,500,700:latin' , 'Roboto::latin' , 'Khand:400,600:latin' , 'Montserrat:400,700:latin' , 'Lato:300,700:latin', 'Raleway:400,700:latin' , 'Jaldi:400,700:latin',  'NTR::latin' ,  'Caveat:400,700:latin', 'Grand+Hotel::latin', 'Sacramento::latin', 'Faster+One::latin', 'Finger+Paint::latin'] }
};
(function() {
var wf = document.createElement('script');
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
wf.type = 'text/javascript';
wf.async = 'true';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(wf, s);
})(); </script>
<!-----tooltips---->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("a[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:100,
tip_fade_speed:500,
attribute:"title"
});
});
})(jQuery);
</script>
<!-----back to top button---->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script>
$(document).ready(function(){

        // Der Button wird mit JavaScript erzeugt und vor dem Ende des body eingebunden.
        var back_to_top_button = ['<a href="#top" class="back-to-top">back to top</a>'].join("");
        $("body").append(back_to_top_button)

        // Der Button wird ausgeblendet
        $(".back-to-top").hide();

        // Funktion für das Scroll-Verhalten
        $(function () {
                $(window).scroll(function () {
                        if ($(this).scrollTop() > 100) { // Wenn 100 Pixel gescrolled wurde
                                $('.back-to-top').fadeIn();
                        } else {
                                $('.back-to-top').fadeOut();
                        }
                });

                $('.back-to-top').click(function () { // Klick auf den Button
                        $('body,html').animate({
                                scrollTop: 0
                        }, 800);
                        return false;
                });
        });

});
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script type="text/javascript"
src="http://codysherman.com/tools/infinite-scrolling/code" ></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://masonry.desandro.com/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/twte3d7/4Wjm5wj58/disassemble_v3.js"></script>
<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}
<!-----all colors---->
<meta name="color:background" content="#f5f5f5"/>
<meta name="color:text" content="#000000"/>
<meta name="color:links" content="#000000"/>
<meta name="color:info" content="#000000"/>
<meta name="color:credit" content="#000000"/>
<meta name="color:posts" content="#ffffff">
<meta name="color:scrollbar" content="#000000">
<meta name="color:asks" content="#ffffff">
<meta name="color:hover" content="#97c5e0">
<meta name="color:accent" content="#97c5e0">
<meta name="color:accent two" content="#97c5e0">
<!-----images---->
<meta name="image:background" content=""/>
<meta name="image:sidebar" content=""/>
<!-----texts---->
<meta name="text:title" content="Theme 09: Eevee"/>
<!-----sidebar links---->
<meta name="text:link one" content="link one">
<meta name="text:link two" content="link two">
<meta name="text:link three" content="link three">
<meta name="text:link four" content="link four">
<meta name="text:link one url" content="/">
<meta name="text:link two url" content="/">
<meta name="text:link three url" content="/">
<meta name="text:link four url" content="/">

<!-----custom css---->
<style type="text/css">
/*tumblr controls*/
.tmblr-iframe {
top:0px!important;
position:fixed!important;
opacity:0.5;
z-index:99999999999999!important;
}
/*scrollbar*/
::-webkit-scrollbar-thumb{
height:auto;
background-color:{color:scrollbar};
}
::-webkit-scrollbar{
height:2px;
width:5px;
}
/*tooltips*/
#s-m-t-tooltip{
margin:13px 18px 6px 18px;
padding:15px;
background-color:{color:accent};
font-family: 'lato', sans-serif;
font-weight:800;
font-size:9px;
text-transform:uppercase;
letter-spacing:1px;
color:{color:text};
z-index:999999999999999999999999999999999999;
}
/*body basics*/
body{
background-color:{color:background};
background-image:url('{image:background}');
background-attachment: fixed;
background-repeat: repeat;
font-weight:none;
font-family: 'calibri', sans-serif;
font-size:10px;
text-align:justify;
color:{color:text};
margin:0;
}
a{
text-decoration:none;
color:{color:links};
transition-duration: 0.1s;
-moz-transition-duration: 0.1s;
-webkit-transition-duration: 0.1s;
-o-transition-duration: 0.1s;
}
a:hover{
text-decoration:none;
color:{color:accent};
transition-duration: 0.1s;
-moz-transition-duration: 0.1s;
-webkit-transition-duration: 0.1s;
-o-transition-duration: 0.1s;
}
img {
}
blockquote {
font-size:10px;
width:auto;
border-left:3px solid #eee;
text-align:left;
padding:1px;
font-weight:none;
margin-top:15px;
margin-left:21px;
padding-top:0.5px;
padding-bottom:0.5px;
font-size:10px;
font-family: 'calibri', sans-serif;
margin-right:20px;
padding-left:15px;
color:{color:text};
}
pre{
font-size:9px;
text-align:center;
text-transform:none;
font-family: 'Bitter', serif;
font-weight:bold;
line-height:9px;
border-left:1px solid #eee;
border-bottom:1px solid #eee;
letter-spacing:2px;
background-color:{color:posts};
color:{color:text};
padding:6px;
}
small{
font-size:9px;
font-family: 'roboto', sans-serif;
}
big{
font-size:12px;
font-family: 'roboto', sans-serif;
font-weight:700;
}
sub{
font-size:8px;
font-family: 'calibri', sans-serif;
}
h1 {
font-size:11px;
text-align:center;
font-family: 'roboto', sans-serif;
letter-spacing:0px;
text-transform:uppercase;
font-weight:700;
line-height:17px;
border-bottom:1px solid #eee;
color:{color:text};
padding:7px;
}
h1 a{
color:{color:text};
}
h2{
color:{color:text};
text-transform:uppercase;
font-family: 'Roboto', sans-serif;
text-align:left;
}
b {
font-weight:bold;
font-family: 'Roboto', sans-serif;
color:{color:text};
}
i {
font-weight:italic;
color:{color:text};
}
grouptitle {
color:{color:text};
text-transform:none;
font-size:10px;
font-family: 'calibri', sans-serif;
}
tit {
color:{color:text};
font-size:16px;
padding:20px;
text-transform:uppercase;
font-family: 'raleway', sans-serif;
letter-spacing:0px;
font-weight:600;
}
am {
color:{color:text};
font-size:22px;
padding:8px;
padding-top:2px;
text-transform:uppercase;
font-family: 'roboto', sans-serif;
letter-spacing:0px;
font-weight:500;
}
n {
font-weight:bold;
letter-spacing:-1px;
text-shadow: 1px 1px 1px #cccccc;
font-size:12px;
text-transform:uppercase;
color:{color:text};
}
u {
text-decoration:none;
color:color:;{text};
padding:3px;
border-bottom:1px solid {color:accent};
}
underline {
text-decoration:none;
color:{color:info};
border-bottom:1px solid {color:text};
}
/*icon image*/
#icon {
position:fixed;
margin-top:190px;
padding:10px;
margin-left:180px;
background-color:transparent;
z-index:9999999999999999;
}
#iconimage {
z-index:-99999;
}
#iconimage img {
width:60px;
height:60px;
border-radius:5px 5px 5px 5px;
left:230px;
bottom:197px;
position:fixed;
opacity:1;
z-index:-999999;
}
/*sidebar description*/
#description {
overflow:auto;
position:fixed;
text-align:left;
bottom:45px;
left:230px;
font-family: 'roboto', sans-serif;
width:190px;
text-transform:none;
height:auto;
padding:30px;
font-weight:400;
opacity:1;
line-height:14px;
background-color:{color:posts};
color:{color:text};
letter-spacing:0px;
font-size:9px;
z-index:999999999;
}
/*titles*/
#onetitle{
width:180px;
height:60px;
bottom:197px;
opacity:1;
position:fixed;
font-family: 'lato',sans-serif;
letter-spacing:1px;
background:{color:posts};
text-align:center;
padding-left:0px;
overflow:hidden;
font-weight:800;
color:{color:text};
text-transform:uppercase;
line-height:64px;
font-size:8px;
left:300px;
z-index:99;
}
/*back to top button*/
.back-to-top {
position: fixed;
color:{color:text};
bottom:13px;
text-transform:uppercase;
background:{color:background};
left:13px;
font-family: 'lato', sans-serif;
font-size:9px;
letter-spacing:0px;
z-index:9999999999;
font-weight:800;
padding:10px;
}
/*jump pagination*/
.pagination{
font-family: 'roboto', sans-serif;
margin-left:-190px;
width:auto;
padding-top:-10px;
letter-spacing:2px;
padding-bottom:20px;
font-size:13px;
text-align:center;
}
.pagination a{
padding:5px;
font-family: 'roboto', sans-serif;
font-weight:600;
bottom:10px;
margin-left:5px;
color:{color:text};
}
.pagination a:hover{
color:{color:hover};
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
transition: all 0.3s ease-out;
}
/*audio*/
.audioartist {
font-family:'roboto', sans-serif;
font-size:10px;
text-transform:lowercase;
font-weight:600;
}
.audiotitle {
font-family:'roboto', sans-serif;
font-size:10px;
text-transform:lowercase;
font-weight:600;
}
.audioplayed {
font-family:'roboto', sans-serif;
font-size:10px;
text-transform:lowercase;
font-weight:600;
}
.audioplayr {
width:400px;
color:{color:text};
background:{color:accent};
}
audioinfo {
font-family:'roboto', sans-serif;
font-size:10px;
letter-spacing:2px;
text-transform:lowercase;
font-weight:300;
}
/*post styles*/
.pcaption{
font-family:'calibri', sans-serif;
font-size:10px;
margin-left:22px;
letter-spacing:0px;
text-transform:none;
font-weight:300;
}
.psets{
max-width:400px;
margin-top:-13px;
height:auto;
}
.vsets{
max-width:400px;
margin-top:-13px;
height:auto;
}
/*posts*/
#entries {
margin-left:555px;
margin-top:40px;
overflow:hidden;
z-index:99999;
}
#post {
font-size:10px;
width:400px;
padding:15px;
color:{color:text};
background-color:{color:posts};
text-align:justify;
z-index:-99999;
margin-bottom:60px;
padding-bottom:0px;
overflow:hidden;
}
#post img{
max-width:400px;
margin-top:-12px;
height:auto;
}
/*questions and answers*/
#asking {
margin-left:20px;
margin-top:-35px;
}
#askingimage {
}
#askingimage img {
margin-left:430px;
width:43px;
height:43px;
border-radius:2px 2px 2px 2px;
margin-top:-20px;
}
#question {
padding:20px;
padding-left:14px;
margin-top:-32px;
margin-left:30px;
width:343px;
border-radius:2px 2px 2px 2px;
color:{color:text};
background-color:{color:asks};
}
#asker{
margin-top:-66px;
padding:1px;
font-weight:300;
font-size:11px;
z-index:9999999999;
color:{color:text};
opacity:1;
margin-left:14px;
letter-spacing:0px;
font-family: 'roboto', sans-serif;
text-transform:lowercase;
}
#askerurl{
margin-top:-63px;
padding:1px;
font-weight:300;
font-size:11px;
padding:7px;
line-height:14px;
height:13px;
width:465px;
z-index:9999999999;
color:{color:text};
opacity:1;
margin-left:36px;
padding-bottom:11px;
letter-spacing:0px;
font-family: 'roboto', sans-serif;
text-transform:lowercase;
}
.triangle {
align:right;
margin:7px 0px 10px 0px;
padding:10px;
position: relative;
}
.triangle t1{
display:block;
position:absolute;
width:1px;
height:1px
font-size:0;
margin-left:5px;
top:-19px;z-index:9999999;
border-right:7px solid transparent;
border-left:7px solid transparent;
border-top:10px solid transparent;
-ms-transform: rotate(92deg); /* IE 9 */
-webkit-transform: rotate(92deg); /* Chrome, Safari, Opera */
transform: rotate(92deg);
}
.triangle t2 {
display:block;
position:absolute;
width:0px;
height:1px
font-size:0;
margin-left:357px;
top:-20px;
border-right:9px solid transparent;
border-left:9px solid transparent;
border-top:10px solid {color:asks};
-ms-transform: rotate(90deg); /* IE 9 */
-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
transform: rotate(270deg);
}
/*post info*/
#info {
width:410px;
height:55px;
background:{color:posts};
text-align:left;
font-family: 'lato', sans-serif;
text-transform:uppercase;
margin-left:-20px;
font-size:8px;
padding-left:30px;
margin-top:-10px;
opacity:1;
overflow:hidden;
font-weight:600;
font-style:none;
line-height:55px;
letter-spacing:1px;
z-index:9999999999999999;
color:{color:info};
}
#info a {
text-align:center;
font-weight:600;
padding:2px;
letter-spacing:0px;
font-family: 'lato', sans-serif;
line-height:5px;
color:{color:info};
}
#info a:hover{
color:{color:hover};
}
/*credit (u better leave this here u goof)*/
#credit{
position:fixed;
font-size:8px;
font-weight:600;
height:20px;
width:20px;
opacity:1;
border-radius:100px;
right:13px;
bottom:13px;
letter-spacing:1px;
line-height:26px;
padding:5px;
text-align:center;
float:left;
font-family: 'lato', sans-serif;
color:{color:text};
text-transform:uppercase;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
transition: all 0.3s ease-out;
}
#credit:hover{
opacity:0.5;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
transition: all 0.3s ease-out;
}
/*sidebar links*/
.links {
width:230px;
height:30px;
overflow:hidden;
cursor:pointer;
left:230px;
opacity:1;
z-index:999999;
background:{color:posts};
padding:10px;
position:fixed;
bottom:140px;
text-align:center;
}
.links #all {
margin-left:-5px;
margin-top:2px;
padding:5px;
height:28px;
transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
}
.links #all a:hover {
opacity:0.5;
transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
}
.links a {
width:40px;
height:25px;
margin-bottom:0px;
text-align:center;
text-transform:uppercase;
padding:5px;
opacity:1;
margin-left:0px;
line-height:9px;
color:{color:links};
z-index:99999;
font-weight:600;
font-family: 'lato', sans-serif;
letter-spacing:0px;
font-size:7px;
display:inline-block;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
{CustomCSS}</style>
</head>
<body>
<!-----basics---->
<div id="sidebar">
<div id="iconimage"><img src="{image:sidebar}"></a></div>
<div id="description">{description}</div>
<div id="onetitle">{text:title}</div>
</div>
</div>
<!-----sidebar links---->
<div class="links">
<div id="all">
<a href="/">home</a>
<a href="/ask">contact</a>
<a href="{text:link one url}">{text:link one}</a>
<a href="{text:link two url}">{text:link two}</a>
</div>
</div>
<!-----posts and entries---->
<div id="entries">
{block:Posts}
<div id="post"
<div id="post">
<!----texts---->
{block:Text}
{block:Title}<h1><center>{Title}</center></h1>{/block:Title}
<center>{Body}</center>
{/block:Text}
<!-----question and answers---->
{block:Answer}
<div id="askingimage"><img src="{AskerPortraitURL-48}"/></div>
<div class="triangle" style="background:transparent;margin-top:-11px; margin-left:35px;"><t2></t2><t1></t1></div>
<div id="askerurl"><b>{Asker}</b> asked:</div>
<div id="question">{Question}</div>
{Answer}{/block:Answer}
<!-----quotes---->
{block:Quote}
{block:Quote}
<h2>{Quote}</h2>
<div align="right">
{block:Source}<h1>-{Source}</h1>{/block:Source}
</div>
{/block:Quote}
<!-----links---->
{block:Link}
<h2><center><a href="{URL}">{Name}</center></a></h2>
{block:Description}{Description}{/block:Description}
{/block:Link}
<!-----chats---->
{block:Chat}
{block:Title}<h2>{Title}</h2>{/block:Title}
<ul class="convo">{block:Lines}<li class="line">{block:Label}<span class ="label">{Label}</span>{/block:Label}
{Line}</li>{/block:Lines}</ul>
{/block:Chat}
<!-----photos---->
{block:Photo}
{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}" width="auto">{LinkCloseTag}
{block:Caption}<div class="pcaption">{Caption}</div>{/block:Caption}
{/block:Photo}
<!-----photosets---->
{block:Photoset}
<div class="psets">{Photoset-400}</div>
{block:Caption}<div class="pcaption">{Caption}</div>{/block:Caption}
{/block:Photoset}
<!-----videos---->
{block:Video}
<div class="vsets">{Video-400}</div>
{block:Caption}<div class="pcaption">{Caption}</div>{/block:Caption}
{/block:Video}
<!-----audios---->
{block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px;" />{/block:AlbumArt}
{block:TrackName}<div class="audiotitle">Title: <audioinfo>{TrackName}</audioinfo><br/></div>{/block:TrackName}
{block:Artist}<div class="audioartist">Artist: <audioinfo>{Artist}</audioinfo><br/></div>{/block:Artist}
{/block:ExternalAudio}<div class="audioplayed">Played: <audioinfo>{PlayCount} times</audioinfo> </div>
</br>
<div class="audioplayr"style="background:{color:accent}">{AudioPlayer}</div>
{/block:Audio}
<!-----info---->
<div id="borderbottom"></div>
<div id="info">
<div id="permalink">
<top><a href="{Permalink}"title="{TimeAgo}">
<u> {DayOfMonth} {ShortMonth} {ShortYear}</u></top></a>/ <u>{NoteCountWithLabel}</u> <font style="float:right;margin-right:27px;"><a href="{ReblogURL}"title="reblog"target="_blank" class="details"><i class="fa fa-repeat" style="color:{color:info}"></i></a><a href="{ReblogParentURL}" ><a href="{ReblogParentURL}"><u> Via</u></a><a href="{SourceURL}"> <u>SRC</u></a></font style></top></a></div>
{/block:ContentSource}
{/block:RebloggedFrom}
</a></div>
{/block:Date}

      </div>
      {block:PostNotes} {PostNotes} {/block:PostNotes}

    {/block:Posts}
{block:Pagination}
<div class="pagination"style="{color:title text}">
    {block:PreviousPage}<a href="{PreviousPage}"title="previous page">BACK</a>{/block:PreviousPage}{block:JumpPagination length="4"}{block:CurrentPage}<span class="current_page"style="color:{color:accent};font-weight:600;padding:5px">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="jump_page"style="{color:text}" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}"title="next page">NEXT</a>{/block:NextPage}
{/block:Pagination}</div>
</div>
<!-----credit (u better dont touch this here u goof)---->
<div id="credit">
<a href="http://adf.ly/1WydlU"title="espeon themes"><i class="fa fa-at" style="color:{color:credit};font-size:14px;margin-top:5px"></i></a>
</div>
</html>
</body>
<!-----end html---->