Codes Because of You








<html>
<head>
<link href='http://media.tumblr.com/tumblr_losn570zWQ1qepbs7.png' rel='icon' type='image/x-icon'/>
<link href='http://fonts.googleapis.com/css?family=Iceberg|Oswald' rel='stylesheet' type='text/css'>
<title>Because of You</title>

<!-------
Credit: http://chocollyheart.blogspot.com/
*Do not remove this section!
--------!>

<style>

#navbar-iframe {
    display: none;
}

body {
    font-family: calibri;
    color: #808080;
    font-size: 11px;
    background: url(http://i.imgur.com/shIeY.png);
    background-attachment: fixed;
    background-position: top left;
    background-repeat: repeat;
}

a:link,a:active,a:visited {
    cursor: url(http://3.bp.blogspot.com/-Xe8eI_rGH2U/T7DMKiqsZRI/AAAAAAAABPE/uCqv-yhVXKE/s1600/flowercursor5.gif),progress;
    text-decoration: none;
    color: orange;
    -webkit-transition: 0.3s;
    padding-bottom: 2px;
}

a:hover {
    cursor: url(http://3.bp.blogspot.com/-Xe8eI_rGH2U/T7DMKiqsZRI/AAAAAAAABPE/uCqv-yhVXKE/s1600/flowercursor5.gif),progress;
    color: #999;
    text-decoration: none;
    -webkit-transition: 0.3s;
    border-bottom: 10px solid transparent.;
}

a img {
    -moz-transition: 2.5s;
    -webkit-transition: 2.5s;
}

a img:hover {
    -webkit-transform: rotatey(180deg);
}

::selection {
    background: transparent;
    color: orange;
}

::-moz-selection {
    background: transparent;
    color: orange;
}

::-webkit-scrollbar {
    width: 10px;
    background: url(http://i.imgur.com/shIeY.png);
}

::-webkit-scrollbar-thumb {
    background: #FFCC66;
}

u {
    text-decoration: none;
    border-bottom: 1px solid #aaa;
    -webkit-transition: 1.0s;
    -moz-transition: 1.0s;
}

u:hover {
    border-bottom: 12px solid transparent;
    -webkit-transition: 1.0s;
    -moz-transition: 1.0s;
}

b {
    -webkit-transition: 1.0s;
    -moz-transition: 1.0s;
    color: #888;
}

b:hover {
    -webkit-transition: 1.0s;
    -moz-transition: 1.0s;
    color: #eee;
}

blockquote {
    background: #FFE9BF;
    padding: 5px;
    color: #555;
    -webkit-transition: 1.0s;
    -moz-transition: 1.0s;
}

.entries-position {
    right: 40%;
    position: absolute;
    top: 40px;
    width: 620px;
}

.entries-background {
    background-color: #ffffff;
    border: 1px solid #FFEBEB;
    padding: 10px;
    margin-bottom: 50px;
}

.entries-title {
    margin-top: 10px;
    color: #FFCC66;
    font: 20px 'oswald';
    letter-spacing: 1px;
    background: #FFEBC2;
    line-height: 40%;
    text-transform: uppercase;
    -webkit-transition: 0.3s;
}

.date-entries {
    font-weight: normal;
    text-align: right;
    font-family: consolas;
    font-size: 11px;
    color: #777;
    padding-right: 10px;
    padding-left: 10px;
    letter-spacing: 1px;
    display: block;
    padding: 2px;
    -webkit-transition: 0.3s;
}

.on {
    float: left;
    width: 50px;
    height: 50px;
    border-radius: 3000px;
    background: #FFF9F9;
    margin-right: 10px;
    margin-top: -3px;
}

#sidebar-position {
    width: 200px;
    position: fixed;
    top: 190px;
    right: 280px;
}

#sidebar-position2 {
    position: fixed;
    top: 570px;
    right: 100px;
}

#portrait {
    height: 230px;
    text-align: center;
    padding: 5px;
    color: #acabab;
}

.container {
    width: 240px;
    height: 230px;
    -webkit-perspective: 1000;
}

.front {
    z-index: 10;
}

.container:hover .front {
    z-index: 0;
}

.card {
    width: 230px;
    height: 230px;
    -webkit-transform-style: preserve-3d;
    -webkit-transition: 0.5s;
}

.container:hover .card {
    -webkit-transform: rotateY(180deg);
}

.container:hover .back {
    opacity: 1;
    -webkit-transition: 0.7s;
}

.face {
    position: absolute;
    -webkit-backface-visibility: hidden;
}

.jeepers {
}

.jeepers .front {
    overflow: hidden;
    width: 230px;
    height: 230px;
    border-radius: 300px;
    background-color: #FFD175;
    -webkit-transition: 0.7s;
}

.jeepers .back {
    width: 230px;
    height: 230px;
    border-radius: 300px;
    overflow: hidden;
    background-color: #FFD175;
    -webkit-transform: rotateY(180deg);
    opacity: 0;
    -webkit-transition: 0.7s;
}

.links {
    height: 210px;
    border-radius: 300px;
    padding-top: 10px;
    margin: 5px;
    overflow: hidden;
    text-align: center;
    background-color: #ffeb9d;
}

.links a {
    color: #0c0c0c;
    text-align: center;
    margin: 1px;
    background: #FFCC66;
    display: block;
    font: normal 10px consolas;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    -webkit-transition: 0.7s;
}

.links a:hover {
    -webkit-transition: 0.7s;
    background: #fff;
    color: #000000;
}

a.linkss {
    color: #0c0c0c;
    text-align: center;
    margin: 1px;
    background: #FFCC66;
    display: block;
    font: normal 10px consolas;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    -webkit-transition: 0.7s;
}

a.linkss:hover {
    -webkit-transition: 0.7s;
    background: #fff;
    color: #000000;
}

ol.notes {
    float: left;
    margin-left: -40px;
    width: 510px;
    text-align: left;
    list-style-type: none;
}

ol.notes li.note {
    background-color: #FFF;
    padding: 5px;
    margin-bottom: 1px;
    text-align: left;
}

ol.notes li.note img.avatar {
    vertical-align: -4px;
    margin-right: 10px;
    width: 16px;
    height: 16px;
}

ol.notes li.note span.action {
    font-weight: normal;
}

ol.notes li.note .answer_content {
    font-weight: normal;
}

#content {
    margin-left: 100px;
    width: 740px;
}

#back {
    position: fixed;
    padding-top: 10px;
    padding-left: 800px;
    height: 150px;
    overflow-x: hidden;
    overflow-y: hidden;
    left: 0px;
    top: 400px;
    width: 100%;
    background: #FFE6B2;
    color: #E6B85C;
    font-size: 43px;
    font-family: meow;
    border-top: 5px solid #FFCC66;
    border-bottom: 5px solid #FFCC66;
}

#font {
    color: #FFB84D;
    font-size: 23px;
    font-family: meow;
}

@font-face {
    font-family: "Meow";
src: url(http://static.tumblr.com/kauezwz/YlIlz8nop/theonlyexception.ttf) format("truetype");
}

a.linkies {
    background: #FFE0A3;
    width: 50px;
    height: 30px;
    padding: 10px;
    text-align: center;
    display: inline-block;
    -webkit-border-bottom-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    color: #fff;
    -webkit-transition: 0.3s;
    border-bottom: 0px solid #FFE0A3;
}

a.linkies:hover {
    background: #FFD175;
    color: orange;
    -webkit-transition: 0.3s;
    border-bottom: 20px solid #FFD175;
}

</style>

<body>
<style type="text/css">body, a, a:hover {cursor: url(http://3.bp.blogspot.com/-Xe8eI_rGH2U/T7DMKiqsZRI/AAAAAAAABPE/uCqv-yhVXKE/s1600/flowercursor5.gif),progress;}</style>

<div style="width:450px;position:fixed; top:350px; right:40px;">
<center><div style="float:right;margin-top:10px;font-size:30px;font-family:oswald;"><a href="<$OlderPosts$>">Older ►</a> </div>
<div style="float:left;margin-top:10px;font-size:30px;font-family:oswald;"><a href="<$NewerPosts$>">◄ Newer</a> </div></center></div>

<div id="back"> Because of you <div id="font">I have fallen in love with you.</div></div>


<div id="sidebar-position2">
<a class="linkies" href="#">TUMBLR</a>
<a class="linkies" href="#">BLOGSKINS </a>
<a class="linkies" href="#">FACEBOOK</a>
<a class="linkies" href="#">TWITTER</a>

</div>

<div id="sidebar-position">
<div id="content">
<div id="side">
<div class="container jeepers">
<div class="card">
<div class="face front">
<div id="portrait">
<img src="http://data.whicdn.com/images/29441940/tumblr_m4k5pa5SmK1r9mj58o1_500_thumb.jpg" width="220px" height="220px" style="border-radius: 300px;"/>
</div></div>
<div class="face back">
<div class="links"><br>
<a  class="linkss" onClick="document.getElementById('main').innerHTML=document.getElementById('one').innerHTML" title="">ABOUT</a>
<a  class="linkss" onClick="document.getElementById('main').innerHTML=document.getElementById('two').innerHTML" title="">POST</a>
<a  class="linkss"onClick="document.getElementById('main').innerHTML=document.getElementById('three').innerHTML" title="">BIAS</a>
<a  href="http://www.blogger.com/follow-blog.g?blogID=IDHERE" title="" style="color:#0c0c0c;">FOLLOW</a>
<a  href="http://chocollyheart.blogspot.com/" title="" style="color:#0c0c0c;">CREDIT</a>

<br/>
<br/>
put cbox code at here. 
</div>
</div></div></div></div></div></div>

<div class="entries-position">
<div class="entries-background">
<div id="main"><blogger>
<div class="entries-title"><blogger><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="date-entries"><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>>{<$BlogItemCommentCount$>} | Leave a comment ?</a> </BlogItemCommentsEnabled></div>
<br/>
<$BlogItemBody$></blogger>
</div></div>

<div id="one" style="display: none;">
<div class="entries-title">The princess </div>
<div class="date-entries">don't be jealous</div>
<br/>
<center><img src="http://24.media.tumblr.com/tumblr_m4pgpreQyU1r2uvl2o1_r1_500.gif"></center>
write about you at here.write about you at here.write about you at here.write about you at here.write about you at here.write about you at here.write about you at here.
write about you at here.write about you at here.write about you at here.write about you at here.write about you at here.write about you at here.write about you at here.
write about you at here.write about you at here.write about you at here.write about you at here.write about you at here.write about you at here.write about you at here.
write about you at here.write about you at here.write about you at here.write about you at here.write about you at here.write about you at here.write about you at here.
write about you at here.write about you at here.write about you at here.write about you at here.write about you at here.write about you at here.write about you at here.
write about you at here.write about you at here.write about you at here.write about you at here.write about you at here.write about you at here.write about you at here.
write about you at here.write about you at here.write about you at here.write about you at here.write about you at here.write about you at here.write about you at here.
write about you at here.write about you at here.write about you at here.write about you at here.write about you at here.write about you at here.write about you at here.
write about you at here.write about you at here.write about you at here.write about you at here.write about you at here.write about you at here.write about you at here.
write about you at here.write about you at here.write about you at here.write about you at here.write about you at here.write about you at here.write about you at here.
write about you at here.write about you at here.write about you at here.write about you at here.write about you at here.write about you at here.write about you at here.
write about you at here.write about you at here.write about you at here.write about you at here.write about you at here.write about you at here.write about you at here.

</div>

<div id="two" style="display: none;">
<div id="main"><blogger>
<div class="entries-title"><blogger><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="date-entries"><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>>{<$BlogItemCommentCount$>} | Leave a comment ?</a> </BlogItemCommentsEnabled></div>
<br/>
<$BlogItemBody$></blogger>
</div>

<div id="three" style="display: none;">
<div class="entries-title">Bias</div>
<div class="date-entries">i love it</div>
<br/>
<center><img src="http://25.media.tumblr.com/tumblr_m3yntw62lN1r5hv6io1_500.gif"></center>
put your picture or bias name at here.put your picture or bias name at here.put your picture or bias name at here.put your picture or bias name at here.
put your picture or bias name at here.put your picture or bias name at here.put your picture or bias name at here.put your picture or bias name at here.
put your picture or bias name at here.put your picture or bias name at here.put your picture or bias name at here.put your picture or bias name at here.
put your picture or bias name at here.put your picture or bias name at here.put your picture or bias name at here.put your picture or bias name at here.
put your picture or bias name at here.put your picture or bias name at here.put your picture or bias name at here.put your picture or bias name at here.
put your picture or bias name at here.put your picture or bias name at here.put your picture or bias name at here.put your picture or bias name at here.
put your picture or bias name at here.put your picture or bias name at here.put your picture or bias name at here.put your picture or bias name at here.
put your picture or bias name at here.put your picture or bias name at here.put your picture or bias name at here.put your picture or bias name at here.
put your picture or bias name at here.put your picture or bias name at here.put your picture or bias name at here.put your picture or bias name at here.
put your picture or bias name at here.put your picture or bias name at here.put your picture or bias name at here.put your picture or bias name at here.
put your picture or bias name at here.put your picture or bias name at here.put your picture or bias name at here.put your picture or bias name at here.
put your picture or bias name at here.put your picture or bias name at here.put your picture or bias name at here.put your picture or bias name at here.
put your picture or bias name at here.put your picture or bias name at here.put your picture or bias name at here.put your picture or bias name at here.
put your picture or bias name at here.put your picture or bias name at here.put your picture or bias name at here.put your picture or bias name at here.
put your picture or bias name at here.put your picture or bias name at here.put your picture or bias name at here.put your picture or bias name at here.
put your picture or bias name at here.put your picture or bias name at here.put your picture or bias name at here.put your picture or bias name at here.
put your picture or bias name at here.put your picture or bias name at here.put your picture or bias name at here.put your picture or bias name at here.

</div>

</body></head></html>