01 King (rectangle)

<!--theme by @miyoong-->

<!DOCTYPE html>
<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:links" content="#aaaaaa"/>
<meta name="color:text" content="#000000"/>
<meta name="color:borders" content="#000000"/>
<meta name="color:tags" content="#666666"/>
<meta name="color:permalink" content="#000000"/>
<meta name="color:description" content="#666666"/>
<meta name="color:bgdescrip" content="#000000"/>
<meta name="color:navigation" content="#000000"/>
<meta name="color:title" content="#000000"/>
<meta name="color:hover" content="#000000"/>
<meta name="color:selection" content="#000000"/>
<meta name="color:permabg" content="#aaa"/>

<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="if:fade posts" content="1"/>
<meta name="if:hover tags" content="1"/>
<meta name="if:transparent posts" content="1"/>

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

<meta name="text:link 1" content="" />
<meta name="text:link 1 URL" content="" />
<meta name="text:link 2" content="" />
<meta name="text:link 2 URL" 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>



<style type="text/css">

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

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


blockquote {padding-left:7px;padding-right:5px;margin-left:25px;border-left:1px solid #aaaaaa;word-wrap:break-word;

}

body {
background:{color:background};
color:{color:text};
font-family:arial;
font-size:11px;
text-align:justify;
margin:0;
line-height:16px;

}


a {
color:{color:links};
text-decoration:none;
-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;
}

a:hover {
text-decoration:none;
cursor:help;
color:{color:hover};-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;
}

{block:iffadeposts}
 img{
  opacity:0.7;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;
}
{/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;
}

small {
font-size:9px;}

big {
font-size:12px;}


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

#sidebar {text-align:left;
position:fixed;padding:20px;
margin-left:-425px;
margin-top:90px;
width:285px;


}

#sidebarim {margin-bottom:20px;}

#sidebarim img {
border:1px solid {color:borders};
padding:5px;
width:90px;height:130px;opacity:0.7; -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;

}

#sidebarim img:hover{
    opacity:1; -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;
}
#btitle {font-size:22px;font-weight:bold;
margin-left:110px;color:{color:title};
margin-top:-155px;}



#links {
margin-left:108px;
margin-top:2px;
text-transform:lowercase;
margin-bottom:35px;
margin-top:10px;
-height:40px;
}


#links a {
padding:5px;
font-size:10px;
color:{color:navigation}; -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;
}

#links a:hover{
    color:#000000;
    background:{color:bgdescrip};text-decoration:none;
    -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;
}

#description {
position:absolute;
margin-left:108px;
margin-top:-30px;
color:{color:description};
background:{color:bgdescrip};
padding:6px;


}

{block:iffadeposts}
 iframe.photoset {
  opacity:0.7;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;
}
{/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;
}



#pagination {
text-transform:lowercase;
font-weight:bold;
margin-bottom:-80px;
}
#pagination a {
padding:8px;
}


#con {
left:60%;
margin-left:-250px;
position:absolute;
padding:50px;background:{color:background};background:{color:background} url('{image:container}');background-repeat:repeat;background-attachment:fixed;
}



#entries {
margin-top:45px;padding:20px;

}



#posts {
background:white;width:500px;padding:20px;
{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:iftransparentposts}background:transparent;{/block:iftransparentposts}
{block:IndexPage}
margin-bottom:90px;
{/block:IndexPage}
{block:PermalinkPage}
margin-bottom:50px;
{/block:PermalinkPage}


}

{block:ifhovertags}
#posts:hover #tags{opacity:1;
-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;
}
{/block:ifhovertags}

#posts img {max-width:100%;

}


#posts img,#posts li, #posts blockquote {max-width:auto;max-height:auto;}
.caption {width:100%;margin-top:5px;

}

blockquote img {width:auto;height:auto;

}


#titlequote{text-align:left;
font-size:14px;
line-height:18px;
font-weight:bold;
}
#source {
margin-top:15px;
margin-left:15px;}

.playerbuttonbg {
position: absolute;
left: 20px;
top: 20px;
width: 19px;
height: 19px;
background-color: {color:bgdescrip};
padding: 10px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
opacity: .4;
filter: alpha(opacity=40);
-moz-opacity: 0.4;
-khtml-opacity: 0.4;
transition: opacity .7s ease-in-out;
-moz-transition: opacity .7s ease-in-out;
-webkit-transition: opacity .7s ease-in-out;
}

.playerbuttonbg:hover {
opacity: 1;
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
}

.newplayerbutton {
position: relative;
width: 19px;
height: 19px;
overflow: hidden;
}

.playerbuttonhug {
position: absolute;
top: -18px;
left: -7px;
}

.tumblr_audio_player {
height: 90px;
width: 270px;
-moz-transform: scale(0.60, 0.60);
-webkit-transform: scale(0.60, 0.60);
-o-transform: scale(0.60, 0.60);
-ms-transform: scale(0.60, 0.60);
transform: scale(0.60, 0.60);
-moz-transform-origin: top left;
-webkit-transform-origin: top left;
-o-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
}

.audioimgwrapper {
position: absolute;
left: 0px;
top: 0px;
overflow: hidden;
width: 79px;
height: 79px;
}

.audioimgwrapper img {
width: 100%;
height: auto;
}

.trackdetails {
width:200px;
border: 1px solid #fff;
padding:5px;
display:inline-block;
 margin-left: 90px;
 font-size: 11px;
font-style: normal;
text-align: left;
}

.audiowrapper {
position: relative;
display:inline-block;
}


.q {margin-bottom:10px;
}
.as {
font-weight:bold;}

.a {
margin-top:10px;
}



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

.label {font-weight:bold;
}


#permalink {
width:100%;text-align:left;

}

#permalink a {color:{color:permalink};{block:IndexPage}font-size:10px;background:{color:permabg}; {/block:IndexPage}
}

#permalink a:hover {color:#000000;
}

#tags {
opacity:1;{block:ifhovertags}
opacity:0;-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;{/block:ifhovertags}
{block:IndexPage}font-size:9px;{/block:IndexPage}border:none;color:#aaa;
}

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

#tag {font-size:10px;color:{color:permalink};}

.pagenotes {
{block:IndexPage}
display: none!important;
{/block:IndexPage}
width:500px;padding:20px;
{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;
}

.tumblr_video_container {
width:auto!important;
height:auto!important;
}

::-webkit-scrollbar-thumb:vertical {
background-color: #aaa;/*color of main scrollbar*/
height: 50px; /*height of scrollbar*/

}
::-webkit-scrollbar {
height: 0px;
width: 10px; /*width of the slider*/
background-color: #FFFFFF; /*color of the slider*/
}

{CustomCSS}


</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="sidebar">
<div id="sidebarim">
 <img src="{image:sidebar}"/>
</div>
<div id="btitle">{Title}</div>
<div id="links">
<a href="/">index</a>•
<a href="/ask">ask</a>•
<a href="{text:link 1 URL}">{text:link 1}</a>•
<a href="{text:link 2 URL}" >{text:link 2}</a>
</div>



<div id="description">{Description}</div>



</div>




<div id="entries">

<!-- {block:NoRebloggedFrom}
{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
{/block:NoRebloggedFrom} -->{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}
<div class="video">{Video-500}</div>

{block:Audio}
{block:AudioPlayer}
<div class="audiowrapper">
{block:AlbumArt}
<div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
{/block:AlbumArt}

<div class="playerbuttonbg">
<div class="newplayerbutton">
<div class="playerbuttonhug">

{AudioPlayerWhite}

</div>
</div>
</div>

<div class="trackdetails">

{block:TrackName}{TrackName}{/block:TrackName}<br/>
{block:Artist}Artist: {Artist}{/block:Artist}<br/>
{block:Album}Album: {Album}{/block:Album}<br/>
{PlayCountWithLabel}

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



{/block:Audio}


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

<!-- {block:NoRebloggedFrom}
{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
{/block:NoRebloggedFrom} -->{block:Caption}<div class="caption" style="overflow:auto;">{Caption}</div>{/block:Caption}


{block:Date}{block:IndexPage}<div id="permalink"><a href="{Permalink}" title="{NoteCount} notes"> <br>{MonthNumberwithZero}.{DayofMonthwithZero}.{Year}</a>  <img style="padding-left:5px;padding-right:5px;" src="{image:permalink}"/> <a href="{ReblogURL}">reblog</a><br> <div id="tags">{block:Tags}<a href="{TagUrl}"> #{Tag} </a>&nbsp;&nbsp;&nbsp;{/block:Tags}</div></div>{/block:IndexPage}



{block:PermalinkPage}<div id="permalink"><br>{block:NoteCount}{NoteCount} notes{/block:NoteCount}<br>Posted on: <a href="{Permalink}" >{MonthNumberwithZero}/{DayofMonthwithZero}/{Year} at {12Hour}:{Minutes} {AmPm} <br><a href="{ReblogURL}">reblog</a> • {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> • {block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}<br>
<div id="tag">{block:Tags}<a href="{TagUrl}"> #{Tag} </a>{/block:Tags}</div></div>{/block:PermalinkPage}
{/block:Date}



</div>


{block:PostNotes}
<div class="pagenotes">
{PostNotes}
</div>
{/block:PostNotes}
<!-- {block:NoRebloggedFrom}
{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
{/block:NoRebloggedFrom} -->

{/block:Posts}

<div id="pagination">
{block:Pagination}

{block:PreviousPage}
<a href="{PreviousPage}">Previous</a>
{/block:PreviousPage}

{block:JumpPagination length="5"}
{block:CurrentPage}
<span class="current_page">{PageNumber}</span>
{/block:CurrentPage}

{block:JumpPage}
<a class="jump_page" href="{URL}">{PageNumber}</a>
{/block:JumpPage}
{/block:JumpPagination}
{block:NextPage}
<a href="{NextPage}">Next</a>
{/block:NextPage}


{/block:Pagination}
</div>



</div>

</div>

<!--do not remove-->

<a href="http:/taehyung.sne.jp" style="position:fixed;padding:5px;color:#aaa;left:3px;bottom:2px;;background:#white;">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>