07 Nefelibata

<!DOCTYPE html>
<head>

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">

<!--

nefelibata theme
code by @yoongity

-->

<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="#aaaaaa"/>
<meta name="color:header" content="#ffffff"/>
<meta name="color:links" content="#888888"/>
<meta name="color:hover" content="#888888"/>
<meta name="color:links underline" content="#bad8eb"/>
<meta name="color:navigation" content="#97c5e0"/>
<meta name="color:title" content="#5ac9e1"/>
<meta name="color:title border" content="#eeeeee"/>
<meta name="color:post" content="#ffffff"/>
<meta name="color:post border" content="#f6f6f6"/>
<meta name="color:permalink" content="#9cdfed"/>
<meta name="color:permalink background" content="#f6f6f6"/>
<meta name="color:search bar" content="#cccccc"/>
<meta name="color:selection" content="#cccccc"/>
<meta name="color:scrollbar" content="#aaaaaa"/>

<meta name="if:two columns" content="0"/>
<meta name="if:infinite scroll" content="1"/>
<meta name="if:sticky header" content="0"/>
<meta name="if:header image" content="0"/>
<meta name="if:rounded post border" content="1"/>
<meta name="if:show caption" content="1"/>
<meta name="if:hover permalink" content="1"/>
<meta name="if:fade posts" content="1"/>
<meta name="if:monochrome posts" content="0"/>
<meta name="if:mini cursor" content="1"/>

<meta name="image:header Image" content=""/>
<meta name="image:background" content=""/>

<meta name="text:search bar" content="explore." />
<meta name="text:Link 1 URL" content="/" />
<meta name="text:Link 1" content="home" />
<meta name="text:Link 2 URL" content="/ask" />
<meta name="text:Link 2" content="mail" />
<meta name="text:Link 3 URL" content="" />
<meta name="text:Link 3" content="" />
<meta name="text:Link 4 URL" content="" />
<meta name="text:Link 4" content="" />
<meta name="text:Link 5 URL" content="" />
<meta name="text:Link 5" content="" />
<meta name="text:Link 6 URL" content="" />
<meta name="text: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>


<style type="text/css">

#s-m-t-tooltip{
    position:absolute;
    margin-top: 15px;
    z-index:9999999;
    font-size:9px;
    font-family:'trebuchet ms';
    padding:5px;
    background:{color:background};
    border:1px solid #ccc;
-webkit-box-shadow: 1px 1px 13px 0px rgba(212,212,212,1);
-moz-box-shadow: 1px 1px 13px 0px rgba(212,212,212,1);
box-shadow: 1px 1px 13px 0px rgba(212,212,212,1);
}


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

{block:ifminiCursor}
body, a {
cursor: url(http://static.tumblr.com/p7wg3p9/o3jmn8igq/tiny.png), auto;

}

a:hover {
cursor: url(http://static.tumblr.com/p7wg3p9/EWnmn8ip5/tinyhover.png), auto;

}
{/block:ifminiCursor}

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

}

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

}

a {
color:{color:links};
text-decoration:none;
border-bottom:1px solid {color:links underline};    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
}

a:hover {
text-decoration:none;
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(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;
font-weight:bold;
margin-bottom:10px;
text-transform:uppercase;
text-align:left;}


#header {
text-align:center;
position:fixed;padding:30px;top:0;padding-top:5px;
{block:ifnotstickyheader}position:static;{/block:ifnotstickyheader}
width:100%;z-index:9999999;background:{color:header};
}

{block:ifheaderimage}
#headerim img {border-radius:50%;width:40px;padding:10px;opacity:0.8;}

#headerim a {
    border:none;
}

{/block:ifheaderimage}


#links a {
display:inline-block;
margin-bottom:5px;color:{color:navigation};border:none;
}

#description {
margin:20px 0;
}

{block:ifnotinfinitescroll}
#pagination {
font-size:10px;
position:static;
margin-top:80px;
padding-top:80px;
padding-bottom:50px;
margin:0 auto;
text-transform:lowercase;
text-align:center;
z-index:999999999999999999999;
background:transparent;

}
#pagination a {
border:none;
color:{color:navigation};
}
{/block:ifnotinfinitescroll}

#con {
left:35%;{block:iftwocolumns}left:47%;{/block:iftwocolumns}
margin-left:-250px;
position:absolute;margin-top:180px;
{block:ifnotheaderimage}margin-top:130px;{/block:ifnotheaderimage}
{block:ifnotstickyheader}margin-top:20px;{/block:ifnotstickyheader}


}

#entries {
width:1000px;
{block:iftwocolumns}width:800px;{/block:iftwocolumns}


}


#posts {
width:250px;margin:auto;
word-wrap:break-word;padding:20px;background:{color:post};margin:10px;float:left;border:1px solid {color:post border};{block:ifroundedpostborder}border-radius:5px 5px 5px 5px;{/block:ifroundedpostborder}
{block:IndexPage}
margin-bottom:15px;
{/block:IndexPage}
{block:PermalinkPage}
margin-bottom:50px;width:250px;margin-left:330px;{block:iftwocolumns}margin-left:170px;{/block:iftwocolumns}
{/block:PermalinkPage}

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


#posts:hover .permas{
   {block:ifhoverpermalink} opacity:1;{/block:ifhoverpermalink} -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;}
}
}

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


blockquote img {width:auto;height:auto;
}


ul {
padding:0px;margin:5px;list-style-type:none;
}
ul li {
position:relative;padding-left:20px;
}
ul li:before {
content:'';
position:absolute;
display:block;
top:8px;
left:0px;
width:10px;
height:1px;
background:{color:text};
}

.tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop { z-index:999999999!important; }

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

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

.a {
margin-top:10px;
}

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

.label {font-weight:bold;border:none;
}

.permas {
border-radius:0px 0px 5px 5px;
margin-left:-21px;opacity:1;
{block:IndexPage}margin-top:10px;position:fixed;{block:ifhoverpermalink}opacity:0;{/block:ifhoverpermalink}
{/block:IndexPage}{block:PermalinkPage}position:fixed;{/block:PermalinkPage}
width:282px;
text-align:center;border:none;
position:absolute;background:{color:permalink background};
font-size:8px;padding:5px;
font-family:'trebuchet ms';letter-spacing:1px;
text-transform:uppercase;-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;

}

.permas a {
    border:none;
}



.tags {
word-break:break-all;
font-size:9px;
}

.pagenotes {
{block:IndexPage}
display: none!important;
{/block:IndexPage}
width:250px;position:absolute;
text-align:left;margin-top:160px;margin-left:30px;

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

::-webkit-scrollbar {
    width:17px;
    height:17px;
}
::-webkit-scrollbar {
    background-color:#ffffff;
}
::-webkit-scrollbar-track {
    border:8px solid #ffffff;
    background-color:#ffffff
}
::-webkit-scrollbar-thumb {
    border:8px solid #ffffff;
    background-color:{color:scrollbar};
}

.pop_h {text-align:center;cursor:help;font-size:16px;
letter-spacing:1;color:{color:title};padding-bottom:8px;border-bottom:1px solid {color:title border};
}


.pop_b {
text-align:center;padding:3px;display:none;
}

a[tooltip]:hover:after {
content: attr(tooltip);
padding: 5px;
font-size: 10px;
color: #bbbbbb;
font-style: italic;
position: absolute;
left: 50%;
top: 220%;
white-space: nowrap;
z-index: 20;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0px 0px 2px #c0c1c2;
-webkit-box-shadow: 0px 0px 2px #c0c1c2;
box-shadow: 0px 0px 2px #c0c1c2;
background-color: #ffffff;
}


#scrollToTop:link, #scrollToTop:visited {
color: transparent;
background-color: transparent;
display: none;
border:none;
position: fixed;
bottom: 5px;
right: 5px;
}

ol.notes {

    list-style-type:none;
    padding:5px 5px 8px 5px;
    text-align:left;
}

ol.notes img {

    display:none!important;
}


.search .query {
   border: 0;margin-top:20px;width:70px;
   outline: 0;
   font-family: inherit;
   font-size: inherit;
   text-align:center;
   color: {color:search bar};
   background-color: transparent;
}

::-webkit-input-placeholder {color: inherit;}
:-moz-placeholder {color: inherit; opacity:1;}
::-moz-placeholder {color: inherit; opacity:1;}
:-ms-input-placeholder {color: inherit;}

input:focus::-webkit-input-placeholder {color: transparent;}
input:focus:-moz-placeholder {color: transparent;}
input:focus::-moz-placeholder {color: transparent;}
input:focus:-ms-input-placeholder { color: transparent;}



.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;color:#ffffff;
-moz-border-radius:45px 5px 55px 55px;
-webkit-border-radius:45px 55px 0px 55px;
border-radius:15px 15px 15px 15px;

}

</style>

</script>
<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>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
<a href="javascript:;" style="position:fiixed;bottom:10px;left:10px;color:{color:text};z-index:9999;"id="scrollToTop">back to top</a>

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

</head>

<body>
<div id="header">

{block:ifheaderimage}
<div id="headerim">
<a href="/" title="{Title}"><img src="{image:header Image}"></a></div>
{/block:ifheaderimage}
{block:ifnotheaderimage}<br>{/block:ifnotheaderimage}
<a class="pop_h" title="click">{Title}</a>

<div class="pop_b">
    <div id="description">
        {Description}<p><center><img src="http://static.tumblr.com/3yblkz0/0ibn284kd/eee.png"/><img src="http://static.tumblr.com/3yblkz0/0ibn284kd/eee.png"/><img src="http://static.tumblr.com/3yblkz0/0ibn284kd/eee.png"/></center>
    </div>


<div id="links">

{block:ifLink1}<a href="{text:Link 1 URL}" title="{text:Link 1}">001.</a>{/block:ifLink1}
{block:ifLink2}<a href="{text:Link 2 URL}" title="{text:Link 2}" >002.</a>{/block:ifLink2}
{block:ifLink3}<a href="{text:Link 3 URL}" title="{text:Link 3}">003.</a> {/block:ifLink3}
{block:ifLink4}<a href="{text:Link 4 URL}" title="{text:Link 4}">004.</a>{/block:ifLink4}
{block:ifLink5}<a href="{text:Link 5 URL}" title="{text:Link 5}">005.</a> {/block:ifLink5}
{block:ifLink6}<a href="{text:Link 6 URL}" title="{text:Link 6}">006.</a> {/block:ifLink6}

</div>

</div>

<form action="/search" method="get" class="search">
<input type="text" name="q" value="{SearchQuery}" class="query" placeholder="{text:search bar} "><i style="color:{color:search bar};" class="fa fa-search"></i>
</form>


</div>


<div id="con">



<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}
{Photoset-250}
{/block:Photoset}

{block:Video}
{Video-250}
{/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}<img src="{AskerPortraitURL-40}" align="left" class="askborder"><div class="bubble"><span></span>{Asker} whispered: {Question}&nbsp;</div>{Answer}{/block:Answer}


{block:Date}
{block:IndexPage}

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

<div class="permas">

<a style="border:none;color:{color:permalink}" href="{Permalink}" >{ShortMonth} {DayOfMonthWithZero} &nbsp;&nbsp;&nbsp;
<a style="border:none;color:{color:permalink}" href="{Permalink}" >{12Hour}:{Minutes} {AmPm}</a>&nbsp;&nbsp;&nbsp;
<a style="border:none;color:{color:permalink}" href="{Permalink}" >{NoteCountWithLabel}</a>&nbsp;&nbsp;&nbsp;
<a style="border:none;color:{color:permalink}" href="{ReblogURL}">reblog</a>
</div>
{/block:IndexPage}

{block:PermalinkPage}
<div class="permas">


<a href="{Permalink}">{24HourWithZero}:{Minutes}&nbsp;{CapitalAmPm} with {NoteCountWithLabel}</a>
<div class="tags">{block:Tags}<a href="{TagUrl}"> #{Tag} </a>&nbsp;&nbsp;{/block:Tags}</div></div>
{/block:PermalinkPage}
{/block:Date}

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

</div>

{/block:Posts}


</div>
{block:IndexPage}
{block:ifinfinitescroll}
<div class="column navigation" id="navigation">
{block:Pagination}
{block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
</div>
{/block:ifinfinitescroll}

<div id="pagination">{block:ifnotinfinitescroll}
 {block:Pagination}
{block:PreviousPage}
<a href="{PreviousPage}">PREV</a>&nbsp;/
{/block:PreviousPage}

{block:NextPage}
<a href="{NextPage}">NEXT</a>
{/block:NextPage}
{/block:Pagination}
{/block:ifnotinfinitescroll}
</div>

{/block:IndexPage}
</div>


{block:ContentSource}
<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
{/block:ContentSource}
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>

<script type="text/javascript">
$(window).load(function(){
var $wall = $('#entries');
$wall.imagesLoaded(function(){
$wall.masonry({
itemSelector: '#posts',
isAnimated : true
});
});
$wall.infinitescroll({
navSelector : "div#navigation",
nextSelector : "div#navigation a#nextPage",
itemSelector : '#posts',
loadingImg : "",
loadingText : " ",
donetext : " ",
extraScrollPx : 0,
bufferPx : 10000,
debug : false,
errorCallback: function() {
$('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
}},
function( newElements ) {
var $newElems = $( newElements );
$newElems.hide();
$newElems.imagesLoaded(function(){
$wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 250, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
});
}); $('#entries').show(500);
});
</script>

<script language="JavaScript">
function function1(){
window.scrollTo(0,5);
}
function function2(){
window.scroll(0,2);
}
</script>



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




</body></html>