Advertisement
brookeabee

Untitled

Dec 3rd, 2012
215
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.99 KB | None | 0 0
  1. <html>
  2.  
  3.  
  4. <!--
  5. Theme By Brooke from falsetto themes
  6. http://falsettothemes.tumblr.com
  7. http://xoxobrookeabee.tumblr.com
  8. Dont remove the credit please. I would be really upset.
  9. Credit to xXxbambiixXx for helping me with my new theme base
  10. Theme: far away
  11. -->
  12.  
  13.  
  14.  
  15.  
  16. <!-- edit your title and shortcut icon here-->
  17. <title>far away</title>
  18. <link rel="shortcut icon" href="http://data.whicdn.com/images/43710935/406801_165788550233065_1074275762_n_large.jpg">
  19.  
  20.  
  21. <!-- infinite scroll-->
  22. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  23.  
  24.  
  25. <head>
  26.  
  27. <script type="text/javascript"
  28. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  29. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  30.  
  31.  
  32.  
  33.  
  34.  
  35. <style type="text/css">
  36.  
  37.  
  38.  
  39. body{
  40. color:#222;
  41. font-family:littlefont;
  42. font-size:8px;
  43. background-color:#000;
  44. text-align:justify;
  45. background-image:url(http://i.imgur.com/6hilo.png);
  46. background-attachment: fixed;
  47. }
  48.  
  49. @font-face { font-family: "littlefont"; src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf'); }
  50.  
  51.  
  52.  
  53. body,a{cursor:url(http://i.imgur.com/MZOAm.png), progress;}
  54. a:hover{cursor:url(http://i.imgur.com/MZOAm.png), progress;}
  55.  
  56. ::-webkit-scrollbar-thumb:vertical {
  57. height:auto;-moz-border-radius: 4px;}
  58.  
  59. ::-webkit-scrollbar-thumb { background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)); background-color:#000; -webkit-border-radius:8px; }; }
  60.  
  61. ::-webkit-scrollbar-thumb:horizontal {
  62. background-color:#000;
  63. height:7px!important;
  64. border: 1px dashed #000000;}
  65. ::-webkit-scrollbar {
  66. width:4px; height:auto;
  67. background-position:right;
  68. background-color:#000; -webkit-border-radius:8px; }
  69.  
  70. .content{
  71. width:517px;
  72. top:30px;
  73. position: scroll;
  74. height:auto;
  75. margin-left:500px;
  76. background-color:transparent;
  77. position:absolute;
  78. padding:2px;
  79. border:1px solid #222;
  80. }
  81.  
  82. .entry{
  83. padding-left:2px;
  84. padding-right:2px;
  85. padding-top:2px;
  86. padding-bottom:0px;
  87. background-color:transparent;
  88. width:250px;
  89. float:left;
  90. margin:2px;
  91. position:scroll;
  92. {block:permalinkpage}
  93. width:522px;
  94. height:auto;
  95. margin-top:-2px;
  96. margin-left:-4px;
  97. margin-bottom:10px;
  98. {/block:permalinkpage}
  99. }
  100. }
  101. .entry .permalink a{
  102. color:#000;
  103. }
  104.  
  105. .entry .permalink{
  106. position:absolute;
  107. opacity:0;
  108. width:250px;
  109. height:15px;
  110. margin-top:0px;
  111. overflow:hidden;
  112. font-family: silkscreen;
  113. font-size: 8px;
  114. line-height: 14px;
  115. background-color:white;
  116. text-align:center;
  117. text-transform: uppercase;
  118. -webkit-transition: all 0.2s linear;
  119. -webkit-transition: all 0.2s linear;
  120. -moz-transition: all 0.2s linear;
  121. transition: all 0.2s linear;
  122. }
  123. .entry:hover .permalink{
  124. width:250px;
  125. height:15px;
  126. margin-top:0px;
  127. overflow:visible;
  128. -webkit-transition: all 0.4s linear; opacity: .7;
  129. -webkit-transition: all 0.4s linear;
  130. -moz-transition: all 0.4s linear;
  131. transition: all 0.4s linear;
  132. }
  133.  
  134. #sidebarpic{
  135. background-color:#bd506b;
  136. width:auto;
  137. height:auto;
  138. height:auto;
  139. margin-top:25px;
  140. margin-left:75px;
  141. position:fixed;
  142. padding:5px;
  143. border:1px solid #222;
  144. }
  145.  
  146. #banner{
  147. background-color:transparent;
  148. width:auto;
  149. height:auto;
  150. margin-top:165px;
  151. margin-left:45px;
  152. position:fixed;
  153. z-index:2;
  154. }
  155.  
  156. #sidebar{
  157. background-color:transparent;
  158. width:305px;
  159. height:auto;
  160. margin-top:405px;
  161. margin-left:110px;
  162. position:fixed;
  163. }
  164.  
  165. #sidebarbottom{
  166. background-color:transparent;
  167. width:305px;
  168. height:auto;
  169. margin-top:285px;
  170. margin-left:110px;
  171. position:fixed;
  172. border: 0px solid #222;
  173. }
  174.  
  175.  
  176. #container {color: #eee; background-color: #002f32; width: 305px ;border: 0px solid #eee; margin: 0 auto;}
  177.  
  178. #container1 {color: #eee; background-color: #573d67; width: 305px ;border: 0px solid #eee; margin: 0 auto;}
  179.  
  180. #container2 {color: #eee; background-color: #f40a41; width: 305px ;border: 0px solid #eee; margin: 0 auto; }
  181.  
  182. .bubble {
  183. align:right;
  184. background: #dbd69d;
  185. margin:7px 0px 5px 66px;
  186. padding:10px;
  187. position: relative;}
  188. .bubble p {margin:1px 0px;}
  189. .bubble span {display:block;
  190. position:absolute;
  191. width:1px;
  192. height:1px;
  193. font-size: 0;
  194. line-height: 1px;
  195. left:-10px;
  196. top:10px;}
  197.  
  198. a.navi1:link, a.navi1:active, a.navi1:visited
  199. {display:inline-block;
  200. font-family:"littlefont";
  201. font-size:8px;
  202. color:#000;
  203. text-align:center;
  204. background-color:#bd506b;
  205. margin-top:1px;
  206. padding-top:2px;
  207. margin-bottom:2px;
  208. height: 15px;
  209. width:68px;
  210. border-left: 2px solid #eee;
  211. border-right: 2px solid #eee;
  212. }
  213.  
  214. a.navi1:hover
  215. {background-color:#002f32;
  216. color:#eee;
  217. -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease; -o-transition: all .5s ease;
  218. }
  219.  
  220. a.navi2:link, a.navi2:active, a.navi2:visited
  221. {display:inline-block;
  222. font-family:"littlefont";
  223. font-size:8px;
  224. color:#000;
  225. text-align:center;
  226. background-color:#573d67;
  227. margin-top:1px;
  228. padding-top:2px;
  229. margin-bottom:2px;
  230. height: 15px;
  231. width:68px;
  232. border-left: 2px solid #eee;
  233. border-right: 2px solid #eee;
  234. }
  235.  
  236. a.navi2:hover
  237. {background-color:#bd506b;
  238. color:#eee;
  239. -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease; -o-transition: all .5s ease;
  240. }
  241.  
  242. a.navi3:link, a.navi3:active, a.navi3:visited
  243. {display:inline-block;
  244. font-family:"littlefont";
  245. font-size:8px;
  246. color:#000;
  247. text-align:center;
  248. background-color:#f40a41;
  249. margin-top:1px;
  250. padding-top:2px;
  251. margin-bottom:2px;
  252. height: 15px;
  253. width:68px;
  254. border-left: 2px solid #eee;
  255. border-right: 2px solid #eee;
  256. }
  257.  
  258. a.navi3:hover
  259. {background-color:#573d67;
  260. color:#eee;
  261. -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease; -o-transition: all .5s ease;
  262. }
  263.  
  264.  
  265. a.navi4:link, a.navi4:active, a.navi4:visited
  266. {display:inline-block;
  267. font-family:"littlefont";
  268. font-size:8px;
  269. color:#000;
  270. text-align:center;
  271. background-color:#002f32;
  272. margin-top:1px;
  273. padding-top:2px;
  274. margin-bottom:2px;
  275. height: 15px;
  276. width:68px;
  277. border-left: 2px solid #eee;
  278. border-right: 2px solid #eee;
  279. }
  280.  
  281. a.navi4:hover
  282. {background-color:#f40a41;
  283. color:#eee;
  284. -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease; -o-transition: all .5s ease;
  285. }
  286.  
  287. a:link, a:visited, a:active{
  288. font-family: littlefont;
  289. font-size: 8px;
  290. color: #573d67;
  291. line-height: 8px;
  292. text-transform: lowercase;
  293. text-decoration: none;
  294. -webkit-transition: color 0.5s ease-out;
  295. -moz-transition: color 0.5 ease-out;
  296. }
  297.  
  298.  
  299. a:hover{
  300. color: #fff;
  301. }
  302.  
  303.  
  304.  
  305.  
  306. l{
  307. color:#002f32;
  308. }
  309.  
  310. o{
  311. color:#573d67;
  312. }
  313.  
  314.  
  315. v{
  316. color:#bd506b;
  317. text-transform:bold;
  318. }
  319.  
  320. e {
  321. color:#f40a41;
  322. }
  323.  
  324. .title{
  325. line-height:14px;
  326. font-family: arial black;
  327. font-size: 25px;
  328. text-transform: lowercase;
  329. display: block;
  330. text-align: center;
  331. letter-spacing:0px;
  332. color: #002f32;
  333. }
  334.  
  335. .link{
  336. line-height:14px;
  337. font-family: arial black;
  338. font-size: 25px;
  339. text-transform: lowercase;
  340. display: block;
  341. text-align: center;
  342. letter-spacing:0px;
  343. color: #f40a41;
  344. }
  345.  
  346.  
  347. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  348. #infscr-loading {display:none;}
  349. .navigation{display:none;}
  350.  
  351.  
  352. {CustomCSS]</style>
  353.  
  354. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  355.  
  356. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  357.  
  358.  
  359. <script type="text/javascript">
  360.  
  361. $(window).load(function () {
  362. $('.content').masonry(),
  363. $('.masonryWrap').infinitescroll({
  364. navSelector : "div#navigation",
  365. // selector for the paged navigation (it will be hidden)
  366. nextSelector : "div#navigation a#nextPage",
  367. // selector for the NEXT link (to page 2)
  368. itemSelector : ".entry",
  369. // selector for all items you'll retrieve
  370. bufferPx : 10000,
  371. extraScrollPx: 200,
  372. loadingImg : "http://static.tumblr.com/emvmfcr/6DSlwb7ga/1.png",
  373. loadingText : "<em></em>",
  374. donetext : "<em></em>" ,
  375. // text displayed when all items have been retrieved
  376. },
  377. // call masonry as a callback.
  378. function() { $('.content').masonry({ appendedContent: $(this) }); }
  379. );
  380. });
  381. </script>
  382.  
  383. </head>
  384. <body>
  385.  
  386. {block:IndexPage}
  387. <div class="column navigation" id="navigation">
  388. {block:Pagination}
  389. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  390. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  391. </div>
  392. {/block:IndexPage}
  393.  
  394. <div id="banner"><img src="http://i.imgur.com/dNjsS.png"></div>
  395.  
  396. <div id="sidebarpic"><center>
  397. <img src="http://i.imgur.com/7Zo5R.jpg" width="350">
  398. </center></div>
  399.  
  400. <div id="sidebar">
  401. <div id="container"><font color="#eee"><center>FAQ</center></font></div>
  402. <p align="justify">
  403. <e><b>Q</b></e>: Questions go here, what would you like to ask? hmm??? Q&A time!<br>
  404. <l><b>A</b></l>: Answers are here, so say what you need to say. <br>
  405. <e><b>Q</b></e>: Questions go here, what would you like to ask? hmm??? Q&A time!<br>
  406. <l><b>A</b></l>: Answers are here, so say what you need to say. <br>
  407. <e><b>Q</b></e>: Questions go here, what would you like to ask? hmm??? Q&A time!<br>
  408. <l><b>A</b></l>: Answers are here, so say what you need to say. <br>
  409. <e><b>Q</b></e>: Questions go here, what would you like to ask? hmm??? Q&A time!<br>
  410. <l><b>A</b></l>: Answers are here, so say what you need to say. <br>
  411. </p>
  412.  
  413. <div id="container1"><center>Navigate</center></div><center><br>
  414. <a class="navi1" href="/">home</a> <a class="navi2" href="/ask">ask</a>
  415. <a class="navi3" href="http://falsettothemes.tumblr.com/">credit</a> <a class="navi4" href="/">contact</a><br>
  416. <a class="navi1" href="/">link</a> <a class="navi2" href="/">link</a>
  417. <a class="navi3" href="/">link</a> <a class="navi4" href="/">twitter</a><br>
  418. <a class="navi1" href="/">link</a> <a class="navi2" href="/">link</a>
  419. <a class="navi3" href="/">link</a> <a class="navi4" href="/">link</a><br></center>
  420. </div>
  421.  
  422. <div id="sidebarbottom"><center>
  423. <a href="/"><img style='padding: 0px; border:1px solid #002f32'src="http://i.imgur.com/IeR3H.png" width="55"></a>
  424. <a href="/"><img style='padding: 0px; border:1px solid #002f32'src="http://i.imgur.com/HMyyc.png" width="55"></a>
  425. <a href="/"><img style='padding: 0px; border:1px solid #002f32'src="http://i.imgur.com/fVWJR.png" width="55"></a>
  426. <a href="/"><img style='padding: 0px; border:1px solid #002f32'src="http://i.imgur.com/Fv5g4.png" width="55"></a>
  427. </center><br>
  428. <div id="container2"><center><font color="#eee">About Me</font></center></div>
  429. <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>
  430. </div>
  431.  
  432.  
  433. <div class="content">
  434.  
  435. {block:Posts}
  436. <div class="entry">
  437. {block:Title}<div class="title">{Title}</div>{/block:Title}
  438. {block:Text}
  439. {Body}
  440. {block:IndexPage}
  441. <a href="{Permalink}">{NoteCountWithLabel}</a> +</span> <a href="{ReblogURL}">reblog</a>
  442. {/block:IndexPage}
  443. {/block:Text}
  444.  
  445. {block:Photo}
  446.  
  447. {block:IndexPage}<div class="permalink"><center><a href="{Permalink}">{NoteCountWithLabel}</a> // <a href="{ReblogURL}" target="_blank">Reblog</a> </center></div> {/block:IndexPage}
  448.  
  449. {block:indexpage}<a href="{permalink}"><img src="{PhotoURL-500}" width="250"/></a>{/block:indexpage}
  450.  
  451. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" width="522" alt="{PhotoAlt}"/>{LinkCloseTag}{/block:PermalinkPage}
  452. {/block:Photo}
  453.  
  454. {block:Photoset}
  455. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  456. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  457. {/block:Photoset}
  458.  
  459.  
  460. {block:Quote}
  461. {Quote}
  462. <div align="right">
  463. {block:Source}-{Source}{/block:Source}
  464. </div>
  465. {/block:Quote}
  466.  
  467.  
  468. {block:Video}
  469. {block:indexpage}{Video-250}<br>
  470. {PlayCountWithLabel}
  471. {/block:indexpage}
  472. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  473.  
  474. {/block:Video}
  475.  
  476.  
  477. {block:Link}
  478. <center><a href="{URL}" class="link" {Target} box-shadow: 2px 2px 2px #222><div class="link">{Name}</div></a></center><BR>
  479. {block:Description}{Description}{/block:Description}
  480. <a href="{Permalink}">{NoteCountWithLabel}</a> +</span> <a href="{ReblogURL}">reblog</a>
  481. {/block:Link}
  482.  
  483. {block:Chat}
  484. {block:Lines}
  485. {block:Label}
  486. <br>
  487. {Label}
  488. {/block:Label}
  489. &nbsp;{Line}
  490. {/block:Lines}<br>
  491. {block:IndexPage}
  492. <a href="{Permalink}">{NoteCountWithLabel}</a> +</span> <a href="{ReblogURL}">reblog</a>
  493. {/block:IndexPage}
  494. {/block:Chat}
  495.  
  496. {block:Audio}
  497. {AudioPlayerGrey}
  498. <br><div align="right">{block:Artist}
  499. Artist: {Artist}</div>
  500. {/block:Artist}<br>
  501. {block:Caption}{Caption}{/block:Caption}
  502. {/block:Audio}
  503.  
  504.  
  505. {block:Answer}
  506. <n><div align="left"><d>
  507. <p align="jusify">
  508. {Asker} was like: {Question}<br><br>
  509. and I said bitch: {Answer}</p>
  510. </div><p align=right>
  511. {block:IndexPage}
  512. <a href="{Permalink}">{NoteCountWithLabel}</a> +</span> <a href="{ReblogURL}">reblog</a>
  513. {/block:IndexPage}
  514.  
  515. {/block:Answer}
  516.  
  517. {block:PermalinkPage}
  518. {block:Caption}
  519. {Caption}
  520. {/block:Caption}
  521. <br>
  522. {block:NoteCount}
  523. {NoteCount} notes
  524. {/block:NoteCount}
  525. <Br>
  526. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  527. {/block:PermalinkPage}
  528. </div>
  529.  
  530. {/block:Posts}
  531.  
  532. </div>
  533.  
  534. <div id="banner"><img src="{image:banner}"></div>
  535.  
  536. </body>
  537. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement