<html>
<!--
Theme By Brooke from falsetto themes
http://falsettothemes.tumblr.com
http://xoxobrookeabee.tumblr.com
Dont remove the credit please. I would be really upset.
Credit to xXxbambiixXx for helping me with my new theme base
Theme: far away
-->
<!-- edit your title and shortcut icon here-->
<title>far away</title>
<link rel="shortcut icon" href="http://data.whicdn.com/images/43710935/406801_165788550233065_1074275762_n_large.jpg">
<!-- infinite scroll-->
<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
<head>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<style type="text/css">
body{
color:#222;
font-family:littlefont;
font-size:8px;
background-color:#000;
text-align:justify;
background-image:url(http://i.imgur.com/6hilo.png);
background-attachment: fixed;
}
@font-face { font-family: "littlefont"; src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf'); }
body,a{cursor:url(http://i.imgur.com/MZOAm.png), progress;}
a:hover{cursor:url(http://i.imgur.com/MZOAm.png), progress;}
::-webkit-scrollbar-thumb:vertical {
height:auto;-moz-border-radius: 4px;}
::-webkit-scrollbar-thumb { background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)); background-color:#000; -webkit-border-radius:8px; }; }
::-webkit-scrollbar-thumb:horizontal {
background-color:#000;
height:7px!important;
border: 1px dashed #000000;}
::-webkit-scrollbar {
width:4px; height:auto;
background-position:right;
background-color:#000; -webkit-border-radius:8px; }
.content{
width:517px;
top:30px;
position: scroll;
height:auto;
margin-left:500px;
background-color:transparent;
position:absolute;
padding:2px;
border:1px solid #222;
}
.entry{
padding-left:2px;
padding-right:2px;
padding-top:2px;
padding-bottom:0px;
background-color:transparent;
width:250px;
float:left;
margin:2px;
position:scroll;
{block:permalinkpage}
width:522px;
height:auto;
margin-top:-2px;
margin-left:-4px;
margin-bottom:10px;
{/block:permalinkpage}
}
}
.entry .permalink a{
color:#000;
}
.entry .permalink{
position:absolute;
opacity:0;
width:250px;
height:15px;
margin-top:0px;
overflow:hidden;
font-family: silkscreen;
font-size: 8px;
line-height: 14px;
background-color:white;
text-align:center;
text-transform: uppercase;
-webkit-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.entry:hover .permalink{
width:250px;
height:15px;
margin-top:0px;
overflow:visible;
-webkit-transition: all 0.4s linear; opacity: .7;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
transition: all 0.4s linear;
}
#sidebarpic{
background-color:#bd506b;
width:auto;
height:auto;
height:auto;
margin-top:25px;
margin-left:75px;
position:fixed;
padding:5px;
border:1px solid #222;
}
#banner{
background-color:transparent;
width:auto;
height:auto;
margin-top:165px;
margin-left:45px;
position:fixed;
z-index:2;
}
#sidebar{
background-color:transparent;
width:305px;
height:auto;
margin-top:405px;
margin-left:110px;
position:fixed;
}
#sidebarbottom{
background-color:transparent;
width:305px;
height:auto;
margin-top:285px;
margin-left:110px;
position:fixed;
border: 0px solid #222;
}
#container {color: #eee; background-color: #002f32; width: 305px ;border: 0px solid #eee; margin: 0 auto;}
#container1 {color: #eee; background-color: #573d67; width: 305px ;border: 0px solid #eee; margin: 0 auto;}
#container2 {color: #eee; background-color: #f40a41; width: 305px ;border: 0px solid #eee; margin: 0 auto; }
.bubble {
align:right;
background: #dbd69d;
margin:7px 0px 5px 66px;
padding:10px;
position: relative;}
.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;}
a.navi1:link, a.navi1:active, a.navi1:visited
{display:inline-block;
font-family:"littlefont";
font-size:8px;
color:#000;
text-align:center;
background-color:#bd506b;
margin-top:1px;
padding-top:2px;
margin-bottom:2px;
height: 15px;
width:68px;
border-left: 2px solid #eee;
border-right: 2px solid #eee;
}
a.navi1:hover
{background-color:#002f32;
color:#eee;
-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease; -o-transition: all .5s ease;
}
a.navi2:link, a.navi2:active, a.navi2:visited
{display:inline-block;
font-family:"littlefont";
font-size:8px;
color:#000;
text-align:center;
background-color:#573d67;
margin-top:1px;
padding-top:2px;
margin-bottom:2px;
height: 15px;
width:68px;
border-left: 2px solid #eee;
border-right: 2px solid #eee;
}
a.navi2:hover
{background-color:#bd506b;
color:#eee;
-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease; -o-transition: all .5s ease;
}
a.navi3:link, a.navi3:active, a.navi3:visited
{display:inline-block;
font-family:"littlefont";
font-size:8px;
color:#000;
text-align:center;
background-color:#f40a41;
margin-top:1px;
padding-top:2px;
margin-bottom:2px;
height: 15px;
width:68px;
border-left: 2px solid #eee;
border-right: 2px solid #eee;
}
a.navi3:hover
{background-color:#573d67;
color:#eee;
-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease; -o-transition: all .5s ease;
}
a.navi4:link, a.navi4:active, a.navi4:visited
{display:inline-block;
font-family:"littlefont";
font-size:8px;
color:#000;
text-align:center;
background-color:#002f32;
margin-top:1px;
padding-top:2px;
margin-bottom:2px;
height: 15px;
width:68px;
border-left: 2px solid #eee;
border-right: 2px solid #eee;
}
a.navi4:hover
{background-color:#f40a41;
color:#eee;
-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease; -o-transition: all .5s ease;
}
a:link, a:visited, a:active{
font-family: littlefont;
font-size: 8px;
color: #573d67;
line-height: 8px;
text-transform: lowercase;
text-decoration: none;
-webkit-transition: color 0.5s ease-out;
-moz-transition: color 0.5 ease-out;
}
a:hover{
color: #fff;
}
l{
color:#002f32;
}
o{
color:#573d67;
}
v{
color:#bd506b;
text-transform:bold;
}
e {
color:#f40a41;
}
.title{
line-height:14px;
font-family: arial black;
font-size: 25px;
text-transform: lowercase;
display: block;
text-align: center;
letter-spacing:0px;
color: #002f32;
}
.link{
line-height:14px;
font-family: arial black;
font-size: 25px;
text-transform: lowercase;
display: block;
text-align: center;
letter-spacing:0px;
color: #f40a41;
}
.tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
#infscr-loading {display:none;}
.navigation{display:none;}
{CustomCSS]</style>
<script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
<script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
<script type="text/javascript">
$(window).load(function () {
$('.content').masonry(),
$('.masonryWrap').infinitescroll({
navSelector : "div#navigation",
// selector for the paged navigation (it will be hidden)
nextSelector : "div#navigation a#nextPage",
// selector for the NEXT link (to page 2)
itemSelector : ".entry",
// selector for all items you'll retrieve
bufferPx : 10000,
extraScrollPx: 200,
loadingImg : "http://static.tumblr.com/emvmfcr/6DSlwb7ga/1.png",
loadingText : "<em></em>",
donetext : "<em></em>" ,
// text displayed when all items have been retrieved
},
// call masonry as a callback.
function() { $('.content').masonry({ appendedContent: $(this) }); }
);
});
</script>
</head>
<body>
{block:IndexPage}
<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:IndexPage}
<div id="banner"><img src="http://i.imgur.com/dNjsS.png"></div>
<div id="sidebarpic"><center>
<img src="http://i.imgur.com/7Zo5R.jpg" width="350">
</center></div>
<div id="sidebar">
<div id="container"><font color="#eee"><center>FAQ</center></font></div>
<p align="justify">
<e><b>Q</b></e>: Questions go here, what would you like to ask? hmm??? Q&A time!<br>
<l><b>A</b></l>: Answers are here, so say what you need to say. <br>
<e><b>Q</b></e>: Questions go here, what would you like to ask? hmm??? Q&A time!<br>
<l><b>A</b></l>: Answers are here, so say what you need to say. <br>
<e><b>Q</b></e>: Questions go here, what would you like to ask? hmm??? Q&A time!<br>
<l><b>A</b></l>: Answers are here, so say what you need to say. <br>
<e><b>Q</b></e>: Questions go here, what would you like to ask? hmm??? Q&A time!<br>
<l><b>A</b></l>: Answers are here, so say what you need to say. <br>
</p>
<div id="container1"><center>Navigate</center></div><center><br>
<a class="navi1" href="/">home</a> <a class="navi2" href="/ask">ask</a>
<a class="navi3" href="http://falsettothemes.tumblr.com/">credit</a> <a class="navi4" href="/">contact</a><br>
<a class="navi1" href="/">link</a> <a class="navi2" href="/">link</a>
<a class="navi3" href="/">link</a> <a class="navi4" href="/">twitter</a><br>
<a class="navi1" href="/">link</a> <a class="navi2" href="/">link</a>
<a class="navi3" href="/">link</a> <a class="navi4" href="/">link</a><br></center>
</div>
<div id="sidebarbottom"><center>
<a href="/"><img style='padding: 0px; border:1px solid #002f32'src="http://i.imgur.com/IeR3H.png" width="55"></a>
<a href="/"><img style='padding: 0px; border:1px solid #002f32'src="http://i.imgur.com/HMyyc.png" width="55"></a>
<a href="/"><img style='padding: 0px; border:1px solid #002f32'src="http://i.imgur.com/fVWJR.png" width="55"></a>
<a href="/"><img style='padding: 0px; border:1px solid #002f32'src="http://i.imgur.com/Fv5g4.png" width="55"></a>
</center><br>
<div id="container2"><center><font color="#eee">About Me</font></center></div>
<p align="justify">Hello. <l>this</l> is where you write about <o>yourself</o>. I <v>hope</v> you like the <e>themes</e> and that you will <l>come</l> <o>back</o> soon. Also, please don't take the <v>credit</v> off. <e>thank</e> you! blah blah blah blah. Hello. </p>
</div>
<div class="content">
{block:Posts}
<div class="entry">
{block:Title}<div class="title">{Title}</div>{/block:Title}
{block:Text}
{Body}
{block:IndexPage}
<a href="{Permalink}">{NoteCountWithLabel}</a> +</span> <a href="{ReblogURL}">reblog</a>
{/block:IndexPage}
{/block:Text}
{block:Photo}
{block:IndexPage}<div class="permalink"><center><a href="{Permalink}">{NoteCountWithLabel}</a> // <a href="{ReblogURL}" target="_blank">Reblog</a> </center></div> {/block:IndexPage}
{block:indexpage}<a href="{permalink}"><img src="{PhotoURL-500}" width="250"/></a>{/block:indexpage}
{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" width="522" alt="{PhotoAlt}"/>{LinkCloseTag}{/block:PermalinkPage}
{/block:Photo}
{block:Photoset}
{block:IndexPage}{Photoset-250}{/block:IndexPage}
{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
{/block:Photoset}
{block:Quote}
{Quote}
<div align="right">
{block:Source}-{Source}{/block:Source}
</div>
{/block:Quote}
{block:Video}
{block:indexpage}{Video-250}<br>
{PlayCountWithLabel}
{/block:indexpage}
{block:PermalinkPage}{Video-500}{/block:PermalinkPage}
{/block:Video}
{block:Link}
<center><a href="{URL}" class="link" {Target} box-shadow: 2px 2px 2px #222><div class="link">{Name}</div></a></center><BR>
{block:Description}{Description}{/block:Description}
<a href="{Permalink}">{NoteCountWithLabel}</a> +</span> <a href="{ReblogURL}">reblog</a>
{/block:Link}
{block:Chat}
{block:Lines}
{block:Label}
<br>
{Label}
{/block:Label}
{Line}
{/block:Lines}<br>
{block:IndexPage}
<a href="{Permalink}">{NoteCountWithLabel}</a> +</span> <a href="{ReblogURL}">reblog</a>
{/block:IndexPage}
{/block:Chat}
{block:Audio}
{AudioPlayerGrey}
<br><div align="right">{block:Artist}
Artist: {Artist}</div>
{/block:Artist}<br>
{block:Caption}{Caption}{/block:Caption}
{/block:Audio}
{block:Answer}
<n><div align="left"><d>
<p align="jusify">
{Asker} was like: {Question}<br><br>
and I said bitch: {Answer}</p>
</div><p align=right>
{block:IndexPage}
<a href="{Permalink}">{NoteCountWithLabel}</a> +</span> <a href="{ReblogURL}">reblog</a>
{/block:IndexPage}
{/block:Answer}
{block:PermalinkPage}
{block:Caption}
{Caption}
{/block:Caption}
<br>
{block:NoteCount}
{NoteCount} notes
{/block:NoteCount}
<Br>
{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
{/block:PermalinkPage}
</div>
{/block:Posts}
</div>
<div id="banner"><img src="{image:banner}"></div>
</body>
</html>