09 - Mono theme

    <!DOCTYPE html>
    <head>

	<!-- Mono theme @yoonity -->


	<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" 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="color:background" content="#fbfbfb"/>
<meta name="color:content bg" content="#ffffff"/>
<meta name="color:links" content="#97c5e0"/>
<meta name="color:links hover" content="#000000"/>
<meta name="color:borders" content="#ededed"/>
<meta name="color:text" content="#8d8b8b"/>
<meta name="color:menu background" content="#f6f6f6"/>
<meta name="color:menu" content="#84c0e5"/>
<meta name="color:permalink" content="#acaaaa"/>
<meta name="color:permalink bg" content="#fbfbfb"/>
<meta name="color:shadows" content="#e2e2e2"/>
<meta name="color:scrollbar" content="#dcdada"/>
<meta name="color:selection" content="#bad8eb"/>

<meta name="text:post width" content="350"/>

<meta name="if:show tags" content="1"/>
<meta name="if:shadows" content="1"/>
<meta name="if:infinite scroll" content="1"/>
<meta name="if:fade posts" content="1"/>
<meta name="if:monochrome posts" content="0"/>


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

<meta name="text:main link 1 url" content="/" />
<meta name="text:main link 1 title" content="home" />
<meta name="text:main link 2 url" content="/ask" />
<meta name="text:main link 2 title" content="message" />
<meta name="text:main link 3 url" content="/archive" />
<meta name="text:main link 3 title" content="archive" />

<meta name="text:tab 1 title" content="info" />
<meta name="text:tab 1 content" content="put anything here or copy paste ur description" />
<meta name="text:tab 2 title" content="links" />

<meta name="text:link 1 url" content="" />
<meta name="text:link 1 title" content="" />
<meta name="text:link 2 url" content="" />
<meta name="text:link 2 title" content="" />
<meta name="text:link 3 url" content="" />
<meta name="text:link 3 title" content="" />
<meta name="text:link 4 url" content="" />
<meta name="text:link 4 title" content="" />
<meta name="text:link 5 url" content="" />
<meta name="text:link 5 title" 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;
padding:5px;
background:{color:menu bg};color:{color:menu};
}

blockquote {
padding-left:15px;
padding-right:3px;
margin:0px;
border-left:1px solid {color:text};
margin-left:15px;
}

body {
background:{color:background} url('{image:background}');
background-repeat:repeat;background-attachment:fixed;
color:{color:text};
font-family:calibri;
font-size:11px;
text-align:justify;
margin:0;
line-height:16px;
}

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

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;color:{color:links 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;


}

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(80%);
{/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(0%);
   {/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(80%);
{/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(0%);
   {/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;
}


#sidebar {text-align:left;
position:fixed;border-radius:5px 5px 5px 5px;
margin-left:calc( {text:post width}px + 120px);
margin-top:80px;background:{color:content bg};
width:95px;border:1px solid {color:borders};padding:15px;{block:ifshadows}
box-shadow:5px 5px {color:shadows};
{/block:ifshadows}
}

#sidebarim {text-align:left;margin-bottom:8px;}

#sidebarim img {width:94px;}

.yngi{
width:auto;
text-align:left;
font-size:8px;
text-transform:uppercase;
letter-spacing:1.5px;
margin-top:-6px;
}

.yngi a{
display:block;
margin-bottom:4px;
padding:4px;
color:{color:menu};  background:{color:menu background};
}

.yngi a:hover {
   background:{color:link hover};letter-spacing:3px;
}

#description {
margin:20px 0;
}

#pagination {
margin:50px 0;
text-transform:lowercase;
font-weight:bold;width:calc( {text:post width}px + 55px);
padding-bottom:30px;{block:ifinfinitescroll}
opacity:0;{/block:ifinfinitescroll}
}

#pagination a {
padding:0 15px;
}

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


#entries {
margin-top:75px;
width:500px;
}

#posts {
width:{text:post width}px;padding:20px;border-radius:5px 5px 5px 5px;
border:1px solid {color:borders};
word-wrap:break-word;background:{color:content bg};{block:ifshadows}
box-shadow:5px 5px {color:shadows};
{/block:ifshadows}
{block:IndexPage}
margin-bottom:25px;
{/block:IndexPage}
{block:PermalinkPage}
margin-bottom:40px;
{/block:PermalinkPage}
}

#posts img {
max-width:100%;
}

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

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

.audioinfo {
margin-left:50px;padding:10px;background:{color:permalink bg};
}

.bubble {
align:right;
background: #f6f6f6;
margin:7px 0px 10px 66px;
padding:10px;
position:relative;
-moz-border-radius:5px;-webkit-border-radius:5px;
border-radius:5px;

}

.bubble p {margin:1px 0px;}

.bubble span {
display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #f6f6f6;

}

.askborder {
float: left;margin: 1px 5px 0 0;padding: 2px; background: {color:borders};border-radius:5px;

}

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

.line {
padding:5px 0;
}

.label {
font-weight:bold;
}

#permalink {
margin-top:15px;
font-size:9px;
padding:8px;letter-spacing:1px;
background:{color:permalink bg};
}

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

.tags {
word-break:break-all;
font-size:9px;{block:ifNotShowTags}display:none;{/block:ifNotShowTags}
}

.pagenotes {
{block:IndexPage}
display: none!important;
{/block:IndexPage}
width:{text:post width}px;
text-align:left;padding:20px;border:1px solid {color:borders};background:{color:content bg};border-radius:5px;

}

.pagenotes img {
display:none!important;
}

.pagenotes li {
list-style-type:none;
padding:5px 0px;
text-align:left;
margin:0 0 0 -40px;
padding:8px;border-bottom:1px solid {color:borders};
}

.bts {
text-align:left;cursor:help;
width:auto;
font-size:8px;
text-transform:uppercase;
letter-spacing:1.5px;
}

.bts a:hover{
letter-spacing:3px;-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;

}

.myg {
display:none;
}



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

</style>

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

{block:ifinfinitescroll}
<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
{/block:ifinfinitescroll}

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>

</head>

<body>

<div id="con">

<div id="sidebar">
<div id="sidebarim"><a href="/" title="{Title}"><img src="{image:sidebar}"></a></div>

    <div class="yngi">

{block:ifmainlink1title}<a href="{text:main link 1 url}">{text:main link 1 title}</a>{/block:ifmainlink1title}
{block:ifmainlink2title}<a href="{text:main link 2 url}">{text:main link 2 title}</a>{/block:ifmainlink2title}
{block:ifmainlink3title}<a href="{text:main link 3 url}">{text:main link 3 title}</a>{/block:ifmainlink3title}

{block:iftab1title}<a class="bts">{text:tab 1 title}</a>{/block:iftab1title}

    <div class="myg">

<p style="padding-left:3px;text-transform:lowercase;font-size:8px;">{text:tab 1 content}</p>

    </div>

{block:iftab2title}<a class="bts">{text:tab 2 title}</a>{/block:iftab2title}

    <div style="margin-top:-4px;"class="myg">

<p>

{block:iflink1title}<a href="{text:link 1 url}">{text:link 1 title}</a>{/block:iflink1title}
{block:iflink2title}<a href="{text:link 2 url}">{text:link 2 title}</a>{/block:iflink2title}
{block:iflink3title}<a href="{text:link 3 url}">{text:link 3 title}</a>{/block:iflink3title}
{block:iflink4title}<a href="{text:link 4 url}">{text:link 4 title}</a>{/block:iflink4title}
{block:iflink5title}<a href="{text:link 5 url}">{text:link 5 title}</a>{/block:iflink5title}

</p>

    </div>
    </div>




</div>




<div id="entries">

<div class="autopagerize_page_element">


{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}
<div class="player">{AudioPlayerWhite}</div>
<div class="audioinfo">
{block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
</div>
{/block:Audio}

{block:Answer}<img src="{AskerPortraitURL-40}" align="left" class="askborder"><div class="bubble"><span></span>{Asker}: {Question}&nbsp;</div>{Answer}{/block:Answer}


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

{block:Date}
<div id="permalink">
<i style="color:{color:permalink};" class="fa fa-bookmark "></i>&nbsp;&nbsp;<a href="{Permalink}" >{12Hour}:{Minutes} {AmPm}</a>{block:NoteCount}<a href="{Permalink}"> with {NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" style="float:right;"title="{ReblogParentName}">via.</a>{block:ContentSource}<a href="{ReblogRootURL}" style="float:right;"title="{ReblogRootName}">src.&nbsp;&nbsp;</a>{/block:ContentSource}{/block:RebloggedFrom}
{block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">.{Tag}&nbsp;</a>{/block:Tags}</div>{/block:HasTags}
</div>
{/block:Date}

</div>


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

{/block:Posts}

</div>

{block:ifnotinfinitescroll}

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

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

{/block:ifnotinfinitescroll}

</div>

</div>


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

<!-- pls do not remove the credits,, thanks -->
<a href="http:/taehyung.sne.jp" style="position:fixed;padding:5px;color:#aaa;left:3px;bottom:0px;background:transparent;border:none" title="coded by yoongity">.thm</a>

</body>

</html>