not in love

<html>
<head>

<!-- THEME BY TEA --->

<!-- DON’T REMOVE THE CREDIT --->

<!-- DON’T JUST TAKE THE UPDATE CODE FROM THEME --->

<title>not in love</title>

<link rel="shortcut icon" href="{Favicon}" />

<link rel="alternate" type="application/rss+xml" href="{RSS}" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

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

<link href='http://fonts.googleapis.com/css?family=Montserrat:500,700' rel='stylesheet' type='text/css'>

<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:90,
tip_fade_speed:600,
attribute:"title"});});
})(jQuery);
</script>

<script src="http://static.tumblr.com/7bmjmb1/7alncayzs/jquery-1.11.1.min.js"></script>

<script>
$(document).ready(function(){
$("#teas li").click(function(e){
if (!$(this).hasClass("chemical")) {
var tabNum = $(this).index();
var nthChild = tabNum+1;
$("#teas li.chemical").removeClass("chemical");
$(this).addClass("chemical");
$("#tea li.chemical").removeClass("chemical");
$("#tea li:nth-child("+nthChild+")").addClass("chemical");}
});});
</script>

<style type="text/css">

body {
    color:#888888; /** change text color **/
    font-family:Montserrat;
    font-size:7px;
    text-transform:uppercase;
    text-align:left;
    letter-spacing:0.5px;
    }

a:link, a:active, a:visited {
    color:#000000; /** change link color **/
    text-decoration:none;
    }

a:hover {
    color:#ddf2e8; /** change link color hover **/
    -webkit-transition:0.7s;
    -moz-transition:0.7s;
    transition:0.7s;
    }

::-webkit-scrollbar-thumb:vertical {
    background-color:#ddf2e8; /** change scroll color **/
    }

::-webkit-scrollbar-button:horizontal {
    display:none;
    }

::-webkit-scrollbar {

    background-color:#ffffff;
    border:1px solid #eeeeee;
    height:0px;
    width:3px;
    }

::-moz-selection {
    background-color:#ddf2e8; /** change scroll color **/
    }

::selection {
    background-color:#ddf2e8; /** change scroll color **/
    }

b {
    color:#367987;
    }

#box {
    width:300px;
    height:300px;
    padding:25px;
    background-color:#ffffff;
    border:1px solid #eeeeee; /** change box border color **/
    margin-left:400px;
    margin-top:100px;
    position:fixed;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    }

#sidebar {
    text-align:justify;
    height:100px;
    width:59px;
    padding:15px;
    background-color:#ffffff;
    margin-top:-25px;
    margin-left:-115px;
    position:fixed;
    }

#sidebar img {
    margin-top:27px;
    width:60px;
    height:60px;
    background-color:#ffffff;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    }

#title {
    margin-top:-50px;
    margin-left:-20px;
    text-transform:uppercase;
    font-family:Montserrat;
    font-size:14px;
    letter-spacing:4px;
    color:#000000; /** change title color **/
    font-weight:bold;
    text-shadow: 2px 1px 0px #ebeff1; /** change title shadow color **/
    }

#l {
    width:60px;
    height:25px;
    margin-top:5px;
    }

#l a {
    text-align:center;
    display:block;
    padding:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    border:1px solid #eeeeee; /** change first link box border color **/
    box-shadow:0px 0px 0px 0px #ebeff1 inset; /** change first link box background color hover **/
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;
    -ms-transition: all .5s linear;
    transition: all .5s linear;
    }

#l a:hover {
    color:#ffffff; /** change first link box text color hover **/
    box-shadow:0px 100px 0px 0px #ebeff1 inset; /** change first link box background color hover **/
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;
    -ms-transition: all .5s linear;
    transition: all .5s linear;
    }

#tea {
    margin:0px;
    padding:0px;
    list-style-type:none;
    }

#tea li.chemical {
    display:block;
    }

#tea li {
    display:none;
    }

#teas {
    padding:0px;
    margin:0px;
    }

#teas li {
    margin-top:5px;
    padding:5px;
    text-align:center;
    display:block;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    border:1px solid #eeeeee; /** change 3 links boxes border color **/
    box-shadow:0px 0px 0px 0px #ddf2e8 inset; /** change 3 links boxes background color hover **/
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;
    -ms-transition: all .5s linear;
    transition: all .5s linear;
    }

#teas li:hover {
    color:#ffffff; /** change 3 links boxes text color hover **/
    box-shadow:0px 100px 0px 0px #ddf2e8 inset; /** change 3 links boxes background color hover **/
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;
    -ms-transition: all .5s linear;
    transition: all .5s linear;
    cursor:pointer;
    }

#box2 {
    width:300px;
    text-align:justify;
    margin-top:30px;
    margin-left:-10px;
    height:300px;
    overflow:auto;
    padding:20px 20px 0px 0px;
    padding-bottom:-60px;
    }

#about {
    margin-left:10px;
    margin-top:-15px;
    width:300px;
    height:100px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    background-image:url('https://pp.vk.me/c629202/v629202998/4282f/OsKq_OTviWc.jpg'); /** background about image url **/
    }

#aboutyou {
    width:270px;
    height:auto;
    margin-top:-90px;
    margin-left:15px;
    background-color:#ffffff;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    border:1px solid #eeeeee; /** change about boxes border color **/
    padding:5px;
    }

#aboutyou2 {
    width:270px;
    height:auto;
    margin-top:10px;
    margin-left:15px;
    background-color:#ffffff;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    border:1px solid #eeeeee; /** change about boxes border color **/
    padding:5px;
    }

#aboutyou3 {
    width:270px;
    height:auto;
    margin-top:10px;
    margin-left:15px;
    background-color:#ffffff;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    border:1px solid #eeeeee; /** change about boxes border color **/
    padding:5px;
}

#bio {
    margin-left:10px;
    width:290px;
    height:auto;
    margin-top:20px;
    text-align:right;
    text-transform:uppercase;
    font-family:Montserrat;
    font-size:10px;
    letter-spacing:4px;
    color:#000000;
    font-weight:bold;
    background-color:#ebeff1; /** change bio title background color **/
    border:1px solid #eeeeee; /** change bio title border color **/
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    color:#ffffff; /** change bio title color **/
    padding:5px;
    }

#biooo {
    margin-left:10px;
    width:280px;
    height:135px;
    margin-top:10px;
    text-align:right;
    border:1px solid #eeeeee; /** change bio border color **/
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    padding:10px;
    line-height: 150%;
    }

#blogroll {
    margin-left:20px;
    margin-top:-20px;
    }

#blogroll img {
    display:table;
    float:left;
    max-height:35px;
    margin:5px 5px 5px 5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    }

#tagtitle {
    margin-top:-15px;
    margin-left:10px;
    width:288px;
    height:auto;
    text-align:right;
    text-transform:uppercase;
    font-family:Montserrat;
    font-size:10px;
    letter-spacing:4px;
    color:#000000;
    font-weight:bold;
    background-color:#ebeff1; /** change tags title1 background color **/
    border:1px solid #eeeeee; /** change tags title1 border color **/
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    color:#ffffff; /** change tags title1 color **/
    padding:5px;
    }

#tagtitle2 {
    margin-top:10px;
    margin-left:10px;
    width:288px;
    height:auto;
    text-align:right;
    text-transform:uppercase;
    font-family:Montserrat;
    font-size:10px;
    letter-spacing:4px;
    color:#000000;
    font-weight:bold;
    background-color:#ebeff1; /** change tags title2 background color **/
    border:1px solid #eeeeee; /** change tags title2 border color **/
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    color:#ffffff; /** change tags title2 color **/
    padding:5px;
    }

#tagtitle3 {
    margin-top:10px;
    margin-left:10px;
    width:288px;
    height:auto;
    text-align:right;
    text-transform:uppercase;
    font-family:Montserrat;
    font-size:10px;
    letter-spacing:4px;
    color:#000000;
    font-weight:bold;
    background-color:#ebeff1; /** change tags title3 background color **/
    border:1px solid #eeeeee; /** change tags title3 border color **/
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    color:#ffffff; /** change tags title3 color **/
    padding:5px;
    }

#tags1 {
    width:300px;
    margin-left:10px;
    }

#tags1 a{
    margin-top:5px;
    text-align:center;
    display:inline-block;
    width:60px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    padding:6px 6px 6px 5px;
    border:1px solid #eeeeee; /** change tags border color **/
    box-shadow:0px 0px 0px 0px #ddf2e8 inset; /** change tags background color hover **/
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;
    -ms-transition: all .5s linear;
    transition: all .5s linear;
    }

#tags1 a:hover {
    color:#ffffff; /** change tags text color hover **/
    box-shadow:0px 100px 0px 0px #ddf2e8 inset; /** change tags background color hover **/
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;
    -ms-transition: all .5s linear;
    transition: all .5s linear;
    cursor:pointer;
    }

#credit a {
    width:auto;
    height:auto;
    bottom:10px;
    left:10px;
    padding:10px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    border:1px solid #eeeeee; /** change tea credit border color **/
    background-color:#ffffff; /** change tea credit background color **/
    box-shadow:0px 0px 0px 0px #ebeff1 inset; /** change tea credit background color hover **/
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;
    -ms-transition: all .5s linear;
    transition: all .5s linear;
    position:fixed;
    text-align:center;
    }

#credit a:hover {
    color:#ffffff; /** change tea credit text color hover **/
    box-shadow:0px 30px 0px 0px #ebeff1 inset; /** change tea credit background color hover **/
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;
    -ms-transition: all .5s linear;
    transition: all .5s linear;
    }

#s-m-t-tooltip {
    background-color:#ebeff1; /** change tooltip background color **/
    color:#888888; /** change tooltip text color **/
    font-size:8px;
    letter-spacing:1px;
    text-transform:uppercase;
    max-width:400px;
    padding:2px 5px;
    margin:20px 0px 0px 20px;
    z-index:999999999999;
    }

#musicplayer {
    position: fixed;
    top: 137px;
    left: 770px;
    }

#linee{
    width:15px;
    height:1px;
    background-color:#eeeeee; /** change musicbox border color **/
    margin-left:-15px;
    margin-top:12px;
    }

.shut {
    border:1px solid #eeeeee; /** change box border color **/
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    background-color:#fff;
    padding-top:0px;
    padding-right:0px;
    position: fixed;
    width: 20px;
    height:20px;
    margin: 2px 4px 0px 0px;
    overflow: hidden;
    z-index: 9999;
    }

#line1 {
    width:300px;
    margin-top:-40px;
    height:1px
    background-color:#000000;
    margin-left:-70px;
    }

</style>
</head>
<body>

<!-- please don't delete credit-->
<div id="credit">
<a href="http://my-chemical-tea.tumblr.com/" title="codes by my-chemical-tea">tea</a>
</div>
<!-- please don't delete credit-->

<!-- music player-->
<div id="musicplayer">
<div class="shut"><div style="margin-left:-3.5px;margin-top:0px;"><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="20">
    <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
    <param name="bgcolor" value="#fff" />
    <param name="FlashVars" value="mp3=https://www.dropbox.com/s/36igfpivcp1aecq/Crystal%20Castles%20-%20Not%20In%20Love%20ft.%20Robert%20Smith.mp3?dl=1&amp;autoplay=0&amp;bgcolor=fff&amp;loadingcolor=4c4c4c&amp;buttoncolor=4c4c4c" />
</object></div></div>
<div id="linee"></div>
</div>
<!-- music player-->

<!-- sidebar -->
<div id="box">
<div id="title"><i>not in love</i></div>
<div id="sidebar">
<div id="line1"></div>
<!-- icon-->
<img src="https://pp.vk.me/c629202/v629202998/427f0/UwC0L3QC14w.jpg"/>
<!-- icon-->
<div id="l">
<a href="/">back</a>
<div id="teas">
<li class="chemical">about</li>
<li>blogroll</li>
<li>tags</li>
</div></div></div>
<!-- sidebar -->

<!-- about box -->
<div id="tea">
<li class="chemical">
<div id="box2">
<div id="about">
</div>
<div id="aboutyou"><b><i>name:</b>???</div></i>
<div id="aboutyou2"><b><i>birthday:</b>??/??/??</div></i>
<div id="aboutyou3"><b><i>location:</b>???</div></i>
<div id="bio"><i>biography</i></div>
<div id="biooo">LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT, SED DO EIUSMOD TEMPOR INCIDIDUNT UT LABORE ET DOLORE MAGNA ALIQUA. UT ENIM AD MINIM VENIAM, QUIS NOSTRUD EXERCITATION ULLAMCO LABORIS NISI UT ALIQUIP EX EA COMMODO CONSEQUAT. DUIS AUTE IRURE DOLOR IN REPREHENDERIT IN VOLUPTATE VELIT ESSE CILLUM DOLORE EU FUGIAT NULLA PARIATUR. EXCEPTEUR SINT OCCAECAT CUPIDATAT NON PROIDENT, SUNT IN CULPA QUI OFFICIA DESERUNT MOLLIT ANIM ID EST LABORUM.
LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT, SED DO EIUSMOD TEMPOR INCIDIDUNT UT LABORE ET DOLORE MAGNA ALIQUA.</div>
</li>
<!-- about box -->

<!-- brogroll box -->
<li>
<div id="box2">
{block:Following}{block:Followed}
<div id="blogroll"><a href="{FollowedURL}" title="{FollowedName}"><img src="{FollowedPortraitURL-40}"/></a></div>
{/block:Followed}{/block:Following}
</div>
</li>
<!-- brogroll box -->

<!-- tags box -->
<li><div id="box2">
<div id="tagtitle"><i>title</i></div>
<div id="tags1">
<a href="/tagged/tag">tag</a>
<a href="/tagged/tag">tag</a>
<a href="/tagged/tag">tag</a>
<a href="/tagged/tag">tag</a>
<a href="/tagged/tag">tag</a>
<a href="/tagged/tag">tag</a>
<a href="/tagged/tag">tag</a>
<a href="/tagged/tag">tag</a>
</div>

<div id="tagtitle2"><i>title</i></div>
<div id="tags1">
<a href="/tagged/tag">tag</a>
<a href="/tagged/tag">tag</a>
<a href="/tagged/tag">tag</a>
<a href="/tagged/tag">tag</a>
<a href="/tagged/tag">tag</a>
<a href="/tagged/tag">tag</a>
<a href="/tagged/tag">tag</a>
<a href="/tagged/tag">tag</a>
<a href="/tagged/tag">tag</a>
<a href="/tagged/tag">tag</a>
<a href="/tagged/tag">tag</a>
<a href="/tagged/tag">tag</a>
</div>

<div id="tagtitle3"><i>title</i></div>
<div id="tags1">
<a href="/tagged/tag">tag</a>
<a href="/tagged/tag">tag</a>
<a href="/tagged/tag">tag</a>
<a href="/tagged/tag">tag</a>
<a href="/tagged/tag">tag</a>
<a href="/tagged/tag">tag</a>
<a href="/tagged/tag">tag</a>
<a href="/tagged/tag">tag</a>
</div>
</div>
</div>
</li>
<!-- tags box -->

</ul></div>
</body>
</html>