Advertisement
brookeabee

Untitled

Feb 12th, 2013
418
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.12 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: Burn
  11. -->
  12.  
  13.  
  14.  
  15.  
  16. <!-- edit your title and shortcut icon here-->
  17. <title>Burn</title>
  18. <link rel="shortcut icon" href="http://i122.photobucket.com/albums/o260/mhilka/minigifs/thmouse_online.gif">
  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:#fff;
  44. text-align:justify;
  45. background-image:url("http://i.imgur.com/1W4QvUf.png");
  46. background-attachment: fixed;
  47. }
  48.  
  49. @font-face { font-family: 'littlefont'; src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff'); }
  50.  
  51. @font-face { font-family: "Amelie"; src: url ('http://static.tumblr.com/pwgdr2n/BrEm3j3p3/amelie.ttf'); }
  52.  
  53. @font-face { font-family: "aeiou"; src: url('http://static.tumblr.com/pwgdr2n/7Fcm3j2qw/_aeiou2u.ttf'); }
  54.  
  55. body,a{cursor:url(http://i.imgur.com/ZOrzC.png), progress;}
  56. a:hover{cursor:url(http://i.imgur.com/ZOrzC.png), progress;}
  57.  
  58.  
  59. ::-webkit-scrollbar {
  60.  
  61. height: auto;
  62.  
  63. width: auto;
  64.  
  65. background: #eee;
  66.  
  67. }
  68.  
  69. ::-webkit-scrollbar-thumb {
  70.  
  71. background-image:url(http://i.imgur.com/uYWJ5CM.png);
  72.  
  73. border:0px solid #EEE0E5;
  74.  
  75. -webkit-border-radius: 5ex;
  76.  
  77. -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);
  78.  
  79. }
  80.  
  81. ::-webkit-scrollbar-corner {
  82.  
  83. background: #transparent;
  84.  
  85. }
  86.  
  87.  
  88.  
  89. .content{
  90. width:550px;
  91. top:150px;
  92. position: scroll;
  93. height:auto;
  94. margin-left:380px;
  95. background-color:#eee;
  96. position:absolute;
  97. padding:2px;
  98. border: 0px solid #222;
  99. }
  100.  
  101. .entry{
  102. padding-left:2px;
  103. padding-right:2px;
  104. padding-top:2px;
  105. padding-bottom:0px;
  106. background-color:transparent;
  107. width:250px;
  108. float:left;
  109. margin:2px;
  110. position:scroll;
  111. {block:permalinkpage}
  112. width:522px;
  113. height:auto;
  114. margin-top:-2px;
  115. margin-left:-4px;
  116. margin-bottom:10px;
  117. {/block:permalinkpage}
  118. }
  119. }
  120. .entry .permalink a{
  121. color:#000;
  122. }
  123.  
  124. .entry .permalink{
  125. position:absolute;
  126. opacity:0;
  127. width:250px;
  128. height:15px;
  129. margin-top:0px;
  130. overflow:hidden;
  131. font-family: silkscreen;
  132. font-size: 8px;
  133. line-height: 14px;
  134. background-color:white;
  135. text-align:center;
  136. text-transform: uppercase;
  137. -webkit-transition: all 0.2s linear;
  138. -webkit-transition: all 0.2s linear;
  139. -moz-transition: all 0.2s linear;
  140. transition: all 0.2s linear;
  141. }
  142. .entry:hover .permalink{
  143. width:250px;
  144. height:15px;
  145. margin-top:0px;
  146. overflow:visible;
  147. -webkit-transition: all 0.4s linear; opacity: .7;
  148. -webkit-transition: all 0.4s linear;
  149. -moz-transition: all 0.4s linear;
  150. transition: all 0.4s linear;
  151. }
  152.  
  153. #sidebarbg{
  154. background-color:#eee;
  155. width:554px;
  156. height:150px;
  157. position:absolute;
  158. margin-top:-8px;
  159. margin-left:380px;
  160. position:fixed;
  161. border:1px solid #000;
  162. z-index:1;
  163. }
  164.  
  165. #sidebartext{
  166. background-color:transparent;
  167. width:110px;
  168. height:150px;
  169. overflow: none;
  170. margin-top:-5px;
  171. margin-left:655px;
  172. position:fixed;
  173. border:0px solid #000;
  174. z-index:2;
  175. }
  176.  
  177. #sidebarpic{
  178. background-color:transparent;
  179. width:auto;
  180. height:150px;
  181. margin-top:-5px;
  182. margin-left:775px;
  183. position:fixed;
  184. z-index:2;
  185. }
  186.  
  187.  
  188. #navi{
  189. background-color:transparent;
  190. width:120px;
  191. height:100px;
  192. margin-top:-5px;
  193. margin-left:792px;
  194. position:fixed;
  195. z-index:2;
  196. }
  197.  
  198. #favorites{
  199. background-color:transparent;
  200. width:240px;
  201. height:100px;
  202. margin-top:115px;
  203. margin-left:417px;
  204. position:fixed;
  205. z-index:2;
  206. }
  207.  
  208. #stats{
  209. background-color:transparent;
  210. width:120px;
  211. height:10px;
  212. margin-top:6px;
  213. margin-left:392px;
  214. position:fixed;
  215. z-index:2;
  216. }
  217.  
  218. #bitch{
  219. background-color:transparent;
  220. width:120px;
  221. height:10px;
  222. margin-top:-5px;
  223. margin-left:452px;
  224. position:fixed;
  225. z-index:2;
  226. }
  227.  
  228.  
  229. #ayooo{
  230. background-color:transparent;
  231. width:250px;
  232. height:auto;
  233. margin-top:-2px;
  234. margin-left:890px;
  235. position:fixed;
  236. border: 0px solid #222;
  237. z-index:2;
  238. }
  239.  
  240. a.navi1:link, a.navi1:active, a.navi1:visited
  241. {display:inline-block;
  242. font-family:"littlefont";
  243. font-size:8px;
  244. color:#780077;
  245. text-align:center;
  246. background-color:transparent;
  247. margin-bottom: 2px;
  248. border: 1px solid #ccc;
  249. height:10px;
  250. width:35px;}
  251.  
  252. a.navi1:hover
  253. {background-color:transparent;
  254. letter-spacing:0px;
  255. color:#ccc;
  256. -webkit-transition: all .5s ease-out;
  257. -moz-transition: all .5s ease;
  258. -o-transition: all .5s ease;
  259. }
  260.  
  261.  
  262.  
  263.  
  264. a:link, a:visited, a:active{
  265. font-family: littlefont;
  266. font-size: 8px;
  267. color: #780077;
  268. line-height: 8px;
  269. text-transform: lowercase;
  270. text-decoration: none;
  271. -webkit-transition: color 0.5s ease-out;
  272. -moz-transition: color 0.5 ease-out;
  273. }
  274.  
  275.  
  276. a:hover{
  277. color: #1a3562;
  278. }
  279.  
  280.  
  281.  
  282.  
  283. l{
  284. color:#b0f622;
  285. }
  286.  
  287. o{
  288. color:#0082b8;
  289. }
  290.  
  291.  
  292. v{
  293. color:#1a3562;
  294. }
  295.  
  296. e {
  297. color:#780077;
  298. }
  299.  
  300.  
  301.  
  302. .title{
  303. background-color: #eee;
  304. line-height:15px;
  305. font-family: aeiou;
  306. font-size: 15px;
  307. text-transform: none;
  308. display: block;
  309. text-align: center;
  310. letter-spacing:0px;
  311. color: #780077;
  312. }
  313.  
  314. .link{
  315. background-color: #eee;
  316. line-height:15px;
  317. font-family: aeiou;
  318. font-size: 15px;
  319. text-transform: none;
  320. display: block;
  321. text-align: center;
  322. letter-spacing:0px;
  323. color: #b0f622;
  324. }
  325.  
  326.  
  327. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  328. #infscr-loading {display:none;}
  329. .navigation{display:none;}
  330.  
  331.  
  332. {CustomCSS]</style>
  333.  
  334. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  335.  
  336. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  337.  
  338.  
  339. <script type="text/javascript">
  340.  
  341. $(window).load(function () {
  342. $('.content').masonry(),
  343. $('.masonryWrap').infinitescroll({
  344. navSelector : "div#navigation",
  345. // selector for the paged navigation (it will be hidden)
  346. nextSelector : "div#navigation a#nextPage",
  347. // selector for the NEXT link (to page 2)
  348. itemSelector : ".entry",
  349. // selector for all items you'll retrieve
  350. bufferPx : 10000,
  351. extraScrollPx: 200,
  352. loadingImg : "http://static.tumblr.com/emvmfcr/6DSlwb7ga/1.png",
  353. loadingText : "<em></em>",
  354. donetext : "<em></em>" ,
  355. // text displayed when all items have been retrieved
  356. },
  357. // call masonry as a callback.
  358. function() { $('.content').masonry({ appendedContent: $(this) }); }
  359. );
  360. });
  361. </script>
  362.  
  363. </head>
  364. <body>
  365.  
  366. {block:IndexPage}
  367. <div class="column navigation" id="navigation">
  368. {block:Pagination}
  369. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  370. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  371. </div>
  372. {/block:IndexPage}
  373.  
  374.  
  375.  
  376. <div id="sidebarbg"> </div>
  377.  
  378. <div id="ayooo">
  379. <a class="navi1" href="/">home</a><br>
  380. <a class="navi1" href="/ask">ask</a><br>
  381. <a class="navi1" href="/">link1</a><br>
  382. <a class="navi1" href="/">link2</a><br>
  383. <a class="navi1" href="/">link3</a><br>
  384. <a class="navi1" href="/">link4</a><br>
  385. <a class="navi1" href="/">link5</a><br>
  386. <a class="navi1" href="/">link6</a><br>
  387. <a class="navi1" href="/">link7</a><br>
  388. <a class="navi1" href="http://falsettothemes.tumblr.com/">credit</a>
  389. </div>
  390.  
  391. <div id="stats">
  392. <img src="http://i.imgur.com/0UzS7Ju.png">
  393. </div>
  394.  
  395. <div id="bitch">
  396. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="130" height="20">
  397. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
  398. <param name="bgcolor" value="#eeeeee" />
  399. <param name="FlashVars" value="mp3=http://k007.kiwi6.com/hotlink/9qf338x19d/08_slow_dancing_in_a_burning_room.mp3&amp;autoplay=1&amp;bgcolor=eeeeee" />
  400. </object>
  401. </div>
  402.  
  403. <div id="sidebartext">
  404. <font face="aeiou"><font size="3"><o><b>blogger:</b></o></font></font>
  405. <P ALIGN="JUSTIFY">THIS IS WHERE YOU CAN <o>TALK</o> ABOUT <l>YOURSELF</l>. YOU CAN TYPE YOUR <v>AGE</v> AND WHAT YOU <e>LIKE</e> AND DON'T LIKE. YOU SHOULD TELL PEOPLE YOUR <l>NAME</l>. I HOPE YOU LIKE THIS <o>THEME</o> THAT I'VE MADE FOR YOU, AND <v>PLEASE</v> DON'T TAKE THE <l>CREDIT</l> OFF OF THE THEME. I WORKED REALLY HARD ON IT. YOU CAN USE THESE COLORS <L>ONE</L>, <O>TWO</O>, <V>THREE</V>, <E>FOUR</E> TO MAKE YOUR ABOUT ME AREA PRETTIER. <l>BLAH</L> <O>BLAH</O> <V>BLAH</V> <E>BLAH</E> <l>BLAH</L> <O>BLAH</O> <V>BLAH</V> <E>BLAH</E></P><br><br>
  406. </div>
  407.  
  408. <div id="sidebarpic"><img src="http://data.whicdn.com/images/52165904/32168_510134852362386_543405232_n_large.png" width="auto" height="145px" style=" background:#fff; border: 1px solid #aaa;"/></div>
  409.  
  410. <div id="favorites">
  411. <a href="/"><img style='padding: 0px; border:1px solid #222'src="http://i.imgur.com/8XErAoy.png" width="20"></a>
  412. <a href="/"><img style='padding: 0px; border:1px solid #222'src="http://i.imgur.com/8XErAoy.png" width="20"></a>
  413. <a href="/"><img style='padding: 0px; border:1px solid #222'src="http://i.imgur.com/8XErAoy.png" width="20"></a>
  414. <a href="/"><img style='padding: 0px; border:1px solid #222'src="http://i.imgur.com/8XErAoy.png" width="20"></a>
  415. <a href="/"><img style='padding: 0px; border:1px solid #222'src="http://i.imgur.com/8XErAoy.png" width="20"></a>
  416. <a href="/"><img style='padding: 0px; border:1px solid #222'src="http://i.imgur.com/8XErAoy.png" width="20"></a>
  417. <a href="/"><img style='padding: 0px; border:1px solid #222'src="http://i.imgur.com/8XErAoy.png" width="20"></a>
  418. <a href="/"><img style='padding: 0px; border:1px solid #222'src="http://i.imgur.com/8XErAoy.png" width="20"></a>
  419. </div>
  420.  
  421.  
  422. <div class="content">
  423.  
  424. {block:Posts}
  425. <div class="entry">
  426. {block:Title}<div class="title">{Title}</div>{/block:Title}
  427. {block:Text}
  428. {Body}
  429. {block:IndexPage}
  430. <a href="{Permalink}">{NoteCountWithLabel}</a> +</span> <a href="{ReblogURL}">reblog</a>
  431. {/block:IndexPage}
  432. {/block:Text}
  433.  
  434. {block:Photo}
  435.  
  436. {block:IndexPage}<div class="permalink"><center><a href="{Permalink}">{NoteCountWithLabel}</a> // <a href="{ReblogURL}" target="_blank">Reblog</a> </center></div> {/block:IndexPage}
  437.  
  438. {block:indexpage}<a href="{permalink}"><img src="{PhotoURL-500}" width="250"/></a>{/block:indexpage}
  439.  
  440. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" width="522" alt="{PhotoAlt}"/>{LinkCloseTag}{/block:PermalinkPage}
  441. {/block:Photo}
  442.  
  443. {block:Photoset}
  444. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  445. {block:PermalinkPage}{Photoset-250}{/block:PermalinkPage}
  446. {/block:Photoset}
  447.  
  448.  
  449. {block:Quote}
  450. {Quote}
  451. <div align="right">
  452. {block:Source}-{Source}{/block:Source}
  453. </div>
  454. {/block:Quote}
  455.  
  456.  
  457. {block:Video}
  458. {block:indexpage}{Video-250}<br>
  459. {PlayCountWithLabel}
  460. {/block:indexpage}
  461. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  462.  
  463. {/block:Video}
  464.  
  465.  
  466. {block:Link}
  467. <center><a href="{URL}" class="link" {Target} box-shadow: 2px 2px 2px #222><div class="link">{Name}</div></a></center><BR>
  468. {block:Description}{Description}{/block:Description}
  469. <a href="{Permalink}">{NoteCountWithLabel}</a> +</span> <a href="{ReblogURL}">reblog</a>
  470. {/block:Link}
  471.  
  472. {block:Chat}
  473. {block:Lines}
  474. {block:Label}
  475. <br>
  476. {Label}
  477. {/block:Label}
  478. &nbsp;{Line}
  479. {/block:Lines}<br>
  480. {block:IndexPage}
  481. <a href="{Permalink}">{NoteCountWithLabel}</a> +</span> <a href="{ReblogURL}">reblog</a>
  482. {/block:IndexPage}
  483. {/block:Chat}
  484.  
  485. {block:Audio}
  486. {AudioPlayerGrey}
  487. <br><div align="right">{block:Artist}
  488. Artist: {Artist}</div>
  489. {/block:Artist}<br>
  490. {block:Caption}{Caption}{/block:Caption}
  491. {/block:Audio}
  492.  
  493.  
  494. {block:Answer}
  495. <n><div align="left"><d>
  496. <p align="jusify">
  497. {Asker} was like: {Question}<br><br>
  498. and I said bitch: {Answer}</p>
  499. </div><p align=right>
  500. {block:IndexPage}
  501. <a href="{Permalink}">{NoteCountWithLabel}</a> +</span> <a href="{ReblogURL}">reblog</a>
  502. {/block:IndexPage}
  503.  
  504. {/block:Answer}
  505.  
  506. {block:PermalinkPage}
  507. {block:Caption}
  508. {Caption}
  509. {/block:Caption}
  510. <br>
  511. {block:NoteCount}
  512. {NoteCount} notes
  513. {/block:NoteCount}
  514. <Br>
  515. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  516. {/block:PermalinkPage}
  517. </div>
  518.  
  519. {/block:Posts}
  520.  
  521. </div>
  522.  
  523.  
  524. </body>
  525. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement