Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement