04 eloquence theme

<!DOCTYPE html>

<!--


    04 eloquence theme
        by miyoong

- do not steal
- do not move/remove credit
- pls don't be afraid to contact for theme help
- enjoy :)

-->


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


<meta name="color:background" content="#ffffff"/>
<meta name="color:text" content="#ccc"/>
<meta name="color:hover" content="#000000"/>
<meta name="color:pagination" content="#000000"/>
<meta name="color:link" content="#000000"/>
<meta name="color:permalink" content="#000000"/>
<meta name="color:tags" content="#000000"/>
<meta name="color:blog title" content="#ccc"/>
<meta name="color:sidebar border" content="#ccc"/>
<meta name="color:navigation" content="#ccc"/>
<meta name="color:navigation list" content="#ccc"/>
<meta name="color:selection" content="#000000"/>
<meta name="color:scrollbar" content="#000000"/>

<meta name="image:sidebar" content=""/>

<meta name="if:sidebar image" content="1"/>
<meta name="if:round sidebar" content="1"/>
<meta name="if:fade posts" content="1"/>
<meta name="if:show tags" content="1"/>
<meta name="if:monochrome posts" content="1"/>
<meta name="if:250px" content="1"/>
<meta name="if:300px" content="1"/>
<meta name="if:350px" content="0"/>
<meta name="if:400px" content="0"/>

<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:menu" content="" />
<meta name="text:add link 3 URL" content="" />
<meta name="text:add link 3" content="" />
<meta name="text:add link 4 URL" content="" />
<meta name="text:add link 4" content="" />
<meta name="text:add link 5 URL" content="" />
<meta name="text:add link 5" content="" />
<meta name="text:add link 6 URL" content="" />
<meta name="text:add link 6" content="" />

<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:30,

tip_fade_speed:300,

attribute:"title"

});

});

})(jQuery);

</script>

<script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js">
</script>
<script type="text/javascript">
$(document).ready(function(){
$(".bts").hide();
$(".myg").click(function(){
$(this).next(".bts").slideToggle('fast');
}); }); </script>

<style type="text/css">

#s-m-t-tooltip{
    position:absolute;
    margin-top: 15px;
    z-index:9999;
    padding:3px;
    background:{color:background};
    border:1px solid {color:text};
}

::selection {
background:#fff;
color:{color:selection};
}


blockquote {
padding-left:5px;
border-left:1px solid {color:sidebar border};
margin-left:15px;
}

body {
background:{color:background};
color:{color:text};
font-family:'trebuchet ms';
font-size:11px;
margin:0;
text-align:left;
line-height:16px;

}


a {
color:{color:link};
text-decoration:none;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
}

a:hover {
text-decoration:underline;
color:{color:hover};
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
}

img{
opacity:1;
border:none;
-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;
text-decoration:none;
{block:ifmonochromeposts}
 -webkit-filter:grayscale(100%);
{/block:ifmonochromeposts}
{block:iffadeposts}
opacity:0.7;
{/block:iffadeposts}

}

img:hover {
  opacity:1;-webkit-filter:none;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;
      {block:ifmonochromeposts}
   -webkit-filter:grayscale(25%);
   {/block:ifmonochromeposts}
}

iframe.photoset {
  opacity:1;-webkit-filter:none;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;{block:ifmonochromeposts}
 -webkit-filter:grayscale(100%);
{/block:ifmonochromeposts}{block:iffadeposts}opacity:0.7;{/block:iffadeposts}
}

iframe.photoset:hover {
  opacity:1;-webkit-filter:none;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;    {block:ifmonochromeposts}
   -webkit-filter:grayscale(25%);
   {/block:ifmonochromeposts}
}

small {
font-size:9px;

}

big {
font-size:12px;

}


#title {
font-size:12px;
line-height:18px;
font-weight:bold;
margin-bottom:10px;
text-transform:uppercase;
text-align:left;}


#aside {
text-align:left;
position:fixed;
margin-left:700px;
margin-top:135px;
padding-left:20px;
{block:if250px}
margin-left:395px;
{/block:if250px}
{block:if300px}
margin-left:465px;
{/block:if300px}
{block:if350px}
margin-left:495px;
{/block:if350px}
{block:if400px}
margin-left:600px;
{/block:if400px}
width:148px;
border-left:1px solid {color:sidebar border};
}



#sidebarim {margin-bottom:10px}

{block:ifsidebarimage}

#sidebarim img {border-radius:5px 5px 5px 5px;width:38px;{block:ifroundsidebar}border-radius:100%;{/block:ifroundsidebar}
}

{/block:ifsidebarimage}

#syuby {
font-size:13px;font-weight:bold;padding-right:20px;display:block;margin-left:675px; margin-top:135px;position:fixed;width: 9px;word-wrap: break-word;letter-spacing: 20px;color:{color:blog title};white-space:pre-wrap;
{block:if250px}margin-left:370px;{/block:if250px}{block:if300px}
margin-left:440px;{/block:if300px}{block:if350px}margin-left:470px;{/block:if350px}{block:if400px}margin-left:575px;{/block:if400px}
}



#description {
margin-bottom:15px;
}

#pagination {
margin:50px 0;
text-transform:lowercase;
font-weight:bold;

}
#pagination a {
padding:0 0 30px;
color:{color:pagination};

}

#con {
left:50%;
margin-left:-250px;
position:absolute;
}



#entries {
margin-top:75px;

}

#posts {
background:transparent;
{block:if250px}width:250px;{/block:if250px}{block:if300px}width:300px;{/block:if300px}{block:if350px}width:350px;{/block:if350px}{block:if400px}width:400px;{/block:if400px}
{block:IndexPage}
margin-bottom:95px;
{/block:IndexPage}
{block:PermalinkPage}
margin-bottom:50px;
{/block:PermalinkPage}

}
#posts img {
max-width:auto;height:auto;
}

#posts img, #posts li, #posts blockquote {max-width: 100%;}
.caption {width:auto;
margin-top:10px;background:#fbfbfb;padding:10px;

}


#titlequote{
text-align:left;
font-size:14px;
line-height:18px;
font-weight:bold;


}

#source {
margin-top:15px;
margin-left:15px;

}


.player {
width:25px;
height:25px;
overflow:hidden;
position:absolute;
background:white;
margin-bottom:20px;
}

.audioinfo {
margin-left:50px;


}


.q {
margin-bottom:10px;margin-bottom:10px;padding:10px;background:transparent;text-align:center;border-bottom:1px dashed {color:permalink};
}
.as {
font-weight:bold;}

.a {
margin-top:10px;
}

.chat ol {
padding:0;
list-style:none;
}
.line {padding:5px 0;}

.label {font-weight:bold;
}


#permalink {
margin-top:15px;
font-family:consolas;
font-size:10px;
color:{color:permalink};
}

#permalink a {
margin-right:10px;
color:{color:permalink};
}


#tags {
{block:ifNotShowTags}display:none;{/block:ifNotShowTags}
word-break:break-all;
font-size:9px;
width:auto;color:{color:permalink};
position:absolute;
margin-top:5px;
{block:ifpostborders}
margin-top:35px;
{/block:ifpostborders}
}

#tags a{
    color:{color:tags};
}

.pagenotes {
{block:IndexPage}
display: none!important;
{/block:IndexPage}
{block:if250px}width:250px;{/block:if250px}{block:if300px}width:300px;{/block:if300px}{block:if350px}width:350px;{/block:if350px}{block:if400px}width:400px;{/block:if400px}
text-align:left;

}
.pagenotes img {
display:none!important;}
.pagenotes li {
list-style-type:none;
padding:5px 0px;
text-align:left;
margin:0 0 0 -40px;
}


::-webkit-scrollbar-thumb{
background:{color:scrollbar};
border:3px solid {color:background};
height:auto;
}

::-webkit-scrollbar {
height:auto;
width:11px;
background:{color:scrollbar};
border:5px solid {color:background};
}


.myg {text-align:left;cursor:help;line-height:16px;
text-transform:lowercase;
color:{color:navigation list};
}

.myg a{
margin-right:5px;
display:inline-block;
margin-bottom:5px;
color:{color:navigation};
}

.bts {text-align:left;line-height:16px;
text-transform:lowercase;
color:{color:navigation list};
}

.bts a{
 margin-right:5px;
display:inline-block;
margin-bottom:5px;
color:{color:navigation};

}

.myg a:hover {
letter-spacing:3px;
text-decoration:none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.bts a:hover{
letter-spacing:3px;
text-decoration:none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

#kook {
line-height:16px;
text-transform:lowercase;
color:{color:navigation list};
}


#kook a {
margin-right:5px;
display:inline-block;
margin-bottom:5px;
color:{color:navigation};
}

#kook a:hover{
letter-spacing:3px;
text-decoration:none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}


</style>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
   $('.video iframe').each(function(){
       var scale = $(this).parents('.video').width() / 500;
       $(this).attr({
           width: Math.floor($(this).attr('width') * scale),
           height: Math.floor($(this).attr('height') * scale)
       });
   });
});
</script>

</head>

<body>

<div id="con">

<div id="aside">
{block:ifsidebarimage}
<div id="sidebarim"><img src="{image:sidebar}"></div>
{/block:ifsidebarimage}

<div id="description">{Description}
</div>
<div id="kook">
{block:iflink1}01. <a href="{text:link 1 URL}">{text:link 1}</a>{/block:iflink1}<br>
{block:iflink2}02. <a href="{text:link 2 URL}" > {text:link 2}</a>{/block:iflink2}<br>



</div>
<div class="myg">{block:ifmenu}03. <a href="/#" style="cursor:help;">{text:menu}</a> {/block:ifmenu}</div>

<div class="bts">{block:ifaddlink3}04. <a href="{text:add link 3 URL}">{text:add link 3}</a> {/block:ifaddlink3}<br>
{block:ifaddlink4}05. <a href="{text:add link 4 URL}">{text:add link 4}</a> {/block:ifaddlink4}<br>
{block:ifaddlink5}06. <a href="{text:add link 5 URL}">{text:add link 5}</a> {/block:ifaddlink5}<br>

</div>




</div>


<div id="syuby">{Title}</div>

<div id="entries">

{block:Posts}
<div id="posts">
{block:Quote}
<div id="titlequote">“{Quote}”</div>
{block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
{/block:Quote}
{block:Text}

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

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

{block:Chat}
{block:Title}
<h1>{Title}</h1>
{/block:Title}
<div class="chat">
<ol>{block:Lines}
<li class="line {Alt}">
{block:Label}
<span class="label">
{Label}</span>
{/block:Label}{Line}</li>
{/block:Lines}
</ol></div>
{/block:Chat}

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

{block:Photoset}
<div style="max-width:100%;overflow:hidden;">{Photoset}</div>
{block:Photoset}

{block:Video}
<div class="video">{Video-500}</div>
{/block:Video}

{block:Audio}
<div class="player">{AudioPlayerWhite}</div>
<div class="audioinfo">
{block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
</div>
{/block:Audio}

{block:Answer}
<div class="q">
<div class="as">{Asker} said: </div>
{Question}</div>
<div class="a">{Answer}</div>
{/block:Answer}

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

{block:Date}
<div id="permalink">
<a href="{Permalink}" >{DayOfMonthWithZero} {ShortMonth} {ShortYear}</a>|&nbsp;&nbsp;{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom}| &nbsp;<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}|&nbsp;&nbsp;<a href="{ReblogRootURL}" title="{ReblogRootName}">src</a>{/block:ContentSource}{/block:RebloggedFrom}
{block:HasTags}<div id="tags">tagged as: &nbsp;&nbsp;{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
</div>
{/block:Date}



</div>


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


{/block:Posts}

<div id="pagination">
{block:Pagination}
{block:PreviousPage}
<a href="{PreviousPage}" style="float:left;">&larr; previous </a>
{/block:PreviousPage}


{block:NextPage}
<a href="{NextPage}" style="float:right;">next &rarr;</a>
{/block:NextPage}
{/block:Pagination}
</div>



</div>

</div>

<!-- do not move or remove credit , thank youu :) -->
<a href="http://taehyung.sne.jp" style="bottom:0px;left:5px;position:fixed;padding-bottom:3px;" title="code by miyoong">❤</a>

{block:ContentSource}
<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
{/block:ContentSource}

</body></html>