API tools faq
paste
Advertisement
brookeabee

slow dancing in a burning room preview

brookeabee
Jan 12th, 2013
128
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.17 KB | None | 0 0
raw download clone embed print report
  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: Spooktastic
  11. -->
  12.  
  13.  
  14.  
  15.  
  16. <!-- edit your title and shortcut icon here-->
  17. <title>Slow Dancing</title>
  18. <link rel="shortcut icon" href="http://i.imgur.com/fdldc.png">
  19.  
  20. <!-- edit your banner here!-->
  21. <img style="position:fixed; opacity: 1.0; width:auto; TOP:5px; left:670px; z-index: 2;" src="http://i.imgur.com/wDBm9.png">
  22.  
  23. <!-- infinite scroll-->
  24. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  25.  
  26.  
  27. <head>
  28.  
  29. <script type="text/javascript"
  30. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  31.  
  32. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  33.  
  34. <script type="text/javascript">
  35. $(window).load(function () {
  36. $('#content').masonry({
  37. itemSelector : ".container",
  38. },
  39. function() { $('#content').masonry({ appendedContent: $(this) }); }
  40. );
  41. });
  42. </script>
  43.  
  44.  
  45.  
  46.  
  47. <style type="text/css">
  48.  
  49.  
  50.  
  51. body{
  52. color:#222;
  53. font-family:littlefont;
  54. font-size:8px;
  55. background-color:#222;
  56. background-image:url("http://i.imgur.com/pALIz.png");
  57. background-attachment: fixed;
  58. }
  59.  
  60. @font-face { font-family: "littlefont"; src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf'); }
  61.  
  62. @font-face { font-family: "bangalore"; src: url('http://static.tumblr.com/rmj06l2/VP8llx2mg/bangalor.ttf'); }
  63.  
  64.  
  65. @font-face { font-family: "lobster"; src: url('http://themes.googleusercontent.com/static/fonts/lobster/v3/MWVf-Rwh4GLQVBEwbyI61Q.woff'); }
  66.  
  67. body,a{cursor:url(http://media.tumblr.com/tumblr_lqs4qoKE1V1qfoi4t.png), progress;}
  68. a:hover{cursor:url(http://media.tumblr.com/tumblr_lqs4qoKE1V1qfoi4t.png), progress;}
  69.  
  70. ::-webkit-scrollbar-thumb:vertical {
  71. height:auto;-moz-border-radius: 4px;}
  72.  
  73. ::-webkit-scrollbar-thumb { background: -webkit-gradient(linear, left top, left bottom, from(#f7f500), to(#d76400)); background-color:#4b4b4b; -webkit-border-radius:8px; }; }
  74.  
  75. ::-webkit-scrollbar-thumb:horizontal {
  76. background-color:#4b4b4b;
  77. height:4px!important;
  78. border: 1px dashed #000000;}
  79. ::-webkit-scrollbar {
  80. width:4px; height:auto;
  81. background-position:right;
  82. background-color:#4b4b4b; -webkit-border-radius:4px; }
  83.  
  84. .content{
  85. width:780px;
  86. margin-top:102px;
  87. position: scroll;
  88. height:auto;
  89. margin-left:270px;
  90. background-color:#eee;
  91. position: absolute;
  92. overflow:hidden;
  93. overflow-y:hidden;
  94. padding:2px;
  95. }
  96.  
  97. .entry{
  98. padding-left:2px;
  99. padding-right:2px;
  100. padding-top:2px;
  101. padding-bottom:0px;
  102. background-color:transparent;
  103. width:250px;
  104. float:left;
  105. margin:2px;
  106. position:scroll;
  107. border:0px solid #aaa;
  108. {block:permalinkpage}
  109. width:742px;
  110. height:auto;
  111. margin-top:-2px;
  112. margin-left:-4px;
  113. margin-bottom:10px;
  114. {/block:permalinkpage}
  115. }
  116. }
  117. .entry .permalink a{
  118. color:#000;
  119. }
  120.  
  121. .entry .permalink{
  122. position:absolute;
  123. opacity:0;
  124. width:250px;
  125. height:15px;
  126. margin-top:0px;
  127. overflow:hidden;
  128. font-family: silkscreen;
  129. font-size: 8px;
  130. line-height: 14px;
  131. background-color:transparent;
  132. text-align:center;
  133. text-transform: uppercase;
  134. -webkit-transition: all 0.2s linear;
  135. -webkit-transition: all 0.2s linear;
  136. -moz-transition: all 0.2s linear;
  137. transition: all 0.2s linear;
  138. }
  139. .entry:hover .permalink{
  140. width:250px;
  141. height:15px;
  142. margin-top:0px;
  143. overflow:visible;
  144. -webkit-transition: all 0.4s linear; opacity: .7;
  145. -webkit-transition: all 0.4s linear;
  146. -moz-transition: all 0.4s linear;
  147. transition: all 0.4s linear;
  148. }
  149.  
  150. #sidebarbg{
  151. background-color:#eee;
  152. width:784px;
  153. height:110px;
  154. margin-top:-8px;
  155. margin-left:270px;
  156. position:fixed;
  157. border:0px solid #000;
  158. z-index:1;
  159. }
  160.  
  161. #sidebartext{
  162. background-color:transparent;
  163. width:180px;
  164. height:120px;
  165. margin-top:-5px;
  166. margin-left:490px;
  167. position:fixed;
  168. border:0px solid #000;
  169. z-index:2;
  170. }
  171.  
  172. #sidebarpic{
  173. background-color:transparent;
  174. width:auto;
  175. height:120px;
  176. margin-top:-5px;
  177. margin-left:275px;
  178. position:fixed;
  179. z-index:2;
  180. }
  181.  
  182.  
  183. #navi{
  184. background-color:transparent;
  185. width:120px;
  186. height:100px;
  187. margin-top:-5px;
  188. margin-left:382px;
  189. position:fixed;
  190. z-index:2;
  191. }
  192.  
  193. #favorites{
  194. background-color:transparent;
  195. width:120px;
  196. height:100px;
  197. margin-top:-4px;
  198. margin-left:437px;
  199. position:fixed;
  200. z-index:2;
  201. }
  202.  
  203. #stats{
  204. background-color:transparent;
  205. width:120px;
  206. height:10px;
  207. margin-top:94px;
  208. margin-left:382px;
  209. position:fixed;
  210. z-index:2;
  211. }
  212.  
  213. #bitch{
  214. background-color:transparent;
  215. width:120px;
  216. height:10px;
  217. margin-top:4px;
  218. margin-left:685px;
  219. position:fixed;
  220. z-index:2;
  221. }
  222.  
  223. a.navi1:link, a.navi1:active, a.navi1:visited
  224. {display:inline-block;
  225. font-family:"bangalore";
  226. font-size:8px;
  227. color:#222;
  228. text-align:center;
  229. background-color:#ffaf8a;
  230. border: 0px solid #f7f500;
  231. margin-top:3px;
  232. padding-top:2px;
  233. margin-bottom:2px;
  234. height:10px;
  235. width:50px;}
  236.  
  237. a.navi1:hover
  238. {background-color:#ffe98a;
  239. border: 0px solid #ff9d30;
  240. letter-spacing:2px;
  241. color: black;
  242. -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease; -o-transition: all .5s ease;
  243. -webkit-transform: rotate(90deg);
  244. -moz-transform: rotate(90deg);
  245. -ms-transform: rotate(90deg);
  246. -o-transform: rotate(90deg);
  247. transform: rotate(90deg);
  248. -webkit-transform: rotate(180deg);
  249. -moz-transform: rotate(180deg);
  250. -ms-transform: rotate(180deg);
  251. -o-transform: rotate(180deg);
  252. transform: rotate(180deg);
  253. -webkit-transform: rotate(270deg);
  254. -moz-transform: rotate(270deg);
  255. -ms-transform: rotate(270deg);
  256. -o-transform: rotate(270deg);
  257. transform: rotate(270deg);
  258. -webkit-transform: rotate(360deg);
  259. -moz-transform: rotate(360deg);
  260. -ms-transform: rotate(360deg);
  261. -o-transform: rotate(360deg);
  262. transform: rotate(360deg);}
  263.  
  264. a.navi2:link, a.navi2:active, a.navi2:visited
  265. {display:inline-block;
  266. font-family:"bangalore";
  267. font-size:8px;
  268. color:#222;
  269. text-align:center;
  270. margin-top:2px;
  271. padding-top:2px;
  272. margin-bottom:2px;
  273. height:10px;
  274. background-color:#daff8a;
  275. border: 0px solid #ff9d30;
  276. width:50px;}
  277.  
  278. a.navi2:hover
  279. {background-color:#ffe98a;
  280. border: 0px solid #f7f500;
  281. letter-spacing:2px;
  282. color:#000;
  283. -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease; -o-transition: all .5s ease;
  284. -webkit-transform: rotate(90deg);
  285. -moz-transform: rotate(90deg);
  286. -ms-transform: rotate(90deg);
  287. -o-transform: rotate(90deg);
  288. transform: rotate(90deg);
  289. -webkit-transform: rotate(180deg);
  290. -moz-transform: rotate(180deg);
  291. -ms-transform: rotate(180deg);
  292. -o-transform: rotate(180deg);
  293. transform: rotate(180deg);
  294. -webkit-transform: rotate(270deg);
  295. -moz-transform: rotate(270deg);
  296. -ms-transform: rotate(270deg);
  297. -o-transform: rotate(270deg);
  298. transform: rotate(270deg);
  299. -webkit-transform: rotate(360deg);
  300. -moz-transform: rotate(360deg);
  301. -ms-transform: rotate(360deg);
  302. -o-transform: rotate(360deg);
  303. transform: rotate(360deg);}
  304.  
  305. a.navi3:link, a.navi3:active, a.navi3:visited
  306. {display:inline-block;
  307. font-family:"bangalore";
  308. font-size:8px;
  309. color:#222;
  310. text-align:center;
  311. background-color:#9fff8a;
  312. border: 0px solid #d76400;
  313. margin-top:2px;
  314. padding-top:2px;
  315. margin-bottom:2px;
  316. height:10px;
  317. width:50px;
  318. }
  319.  
  320. a.navi3:hover
  321. {background-color:#ffe98a;
  322. border: 0px solid #f7f500;
  323. letter-spacing:2px;
  324. color:#000;
  325. -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease; -o-transition: all .5s ease;
  326. -webkit-transform: rotate(90deg);
  327. -moz-transform: rotate(90deg);
  328. -ms-transform: rotate(90deg);
  329. -o-transform: rotate(90deg);
  330. transform: rotate(90deg);
  331. -webkit-transform: rotate(180deg);
  332. -moz-transform: rotate(180deg);
  333. -ms-transform: rotate(180deg);
  334. -o-transform: rotate(180deg);
  335. transform: rotate(180deg);
  336. -webkit-transform: rotate(270deg);
  337. -moz-transform: rotate(270deg);
  338. -ms-transform: rotate(270deg);
  339. -o-transform: rotate(270deg);
  340. transform: rotate(270deg);
  341. -webkit-transform: rotate(360deg);
  342. -moz-transform: rotate(360deg);
  343. -ms-transform: rotate(360deg);
  344. -o-transform: rotate(360deg);
  345. transform: rotate(360deg);}
  346.  
  347.  
  348. a:link, a:visited, a:active{
  349. font-family: bangalore;
  350. font-size: 8px;
  351. color: #d76400;
  352. line-height: 8px;
  353. text-transform: lowercase;
  354. text-decoration: none;
  355. -webkit-transition: color 0.5s ease-out;
  356. -moz-transition: color 0.5 ease-out;
  357. }
  358.  
  359.  
  360. a:hover{
  361. color: #fff;
  362. }
  363.  
  364.  
  365.  
  366. l{
  367. color:#ffaf8a;
  368. }
  369.  
  370. o{
  371. color:#ffe98a;
  372. }
  373.  
  374.  
  375. v{
  376. color:#daff8a;
  377. }
  378.  
  379. e {
  380. color:#9fff8a;
  381. }
  382.  
  383. .title{
  384. line-height:18px;
  385. font-family: lobster;
  386. font-size: 25px;
  387. text-transform: lowercase;
  388. display: block;
  389. text-align: left;
  390. letter-spacing:0px;
  391. color: #ffaf8a;
  392. }
  393.  
  394. .link{
  395. line-height:18px;
  396. font-family: lobster;
  397. font-size: 25px;
  398. text-transform: lowercase;
  399. display: block;
  400. text-align: left;
  401. letter-spacing:0px;
  402. color: #9fff8a;
  403. }
  404.  
  405. .quote{
  406. line-height:18px;
  407. font-family: lobster;
  408. font-size: 25px;
  409. text-transform: lowercase;
  410. display: block;
  411. text-align: left;
  412. letter-spacing:0px;
  413. color: #daff8a
  414. }
  415.  
  416.  
  417. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  418. #infscr-loading {display:none;}
  419. .navigation{display:none;}
  420.  
  421.  
  422. {CustomCSS]</style>
  423.  
  424.  
  425.  
  426. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  427.  
  428. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  429.  
  430.  
  431. <script type="text/javascript">
  432.  
  433. $(window).load(function () {
  434. $('.content').masonry(),
  435. $('.masonryWrap').infinitescroll({
  436. navSelector : "div#navigation",
  437. // selector for the paged navigation (it will be hidden)
  438. nextSelector : "div#navigation a#nextPage",
  439. // selector for the NEXT link (to page 2)
  440. itemSelector : ".entry",
  441. // selector for all items you'll retrieve
  442. bufferPx : 10000,
  443. extraScrollPx: 200,
  444. loadingImg : "http://static.tumblr.com/emvmfcr/6DSlwb7ga/1.png",
  445. loadingText : "<em></em>",
  446. donetext : "<em></em>" ,
  447. // text displayed when all items have been retrieved
  448. },
  449. // call masonry as a callback.
  450. function() { $('.content').masonry({ appendedContent: $(this) }); }
  451. );
  452. });
  453. </script>
  454.  
  455. </head>
  456. <body>
  457.  
  458. {block:IndexPage}
  459. <div class="column navigation" id="navigation">
  460. {block:Pagination}
  461. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  462. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  463. </div>
  464. {/block:IndexPage}
  465.  
  466.  
  467. <div id="sidebarbg"></div>
  468.  
  469. <div id="navi"><a class="navi1" href="/">home</a><br>
  470. <a class="navi2" href="/ask">ask</a><br>
  471. <a class="navi3" href="/">link1</a><br>
  472. <a class="navi1" href="/">link2</a><br>
  473. <a class="navi2" href="/">link3</a><br>
  474. <a class="navi3" href="http://falsettothemes.tumblr.com/">credit</a>
  475. </div>
  476.  
  477. <div id="stats">
  478. visitors here: x ||
  479. x total
  480. </div>
  481.  
  482. <div id="bitch">
  483. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="130" height="20">
  484. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
  485. <param name="bgcolor" value="#eeeeee" />
  486. <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" />
  487. </object>
  488. </div>
  489.  
  490. <div id="sidebartext">
  491. <font face="bangalore"><l><b>blogger:</b></l></font>
  492. <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>
  493. </div>
  494.  
  495. <div id="sidebarpic"><img src="http://i.imgur.com/ydBIv.png" width="auto" height="100px" style=" background:#fff; border: 1px solid #aaa;"/></div>
  496.  
  497. <div id="favorites">
  498. <a href="/"><img style='padding: 0px; border:1px solid #222'src="http://i.imgur.com/fdldc.png" width="20"></a>
  499. <a href="/"><img style='padding: 0px; border:1px solid #222'src="http://i.imgur.com/fdldc.png" width="20"></a>
  500. <br>
  501. <a href="/"><img style='padding: 0px; border:1px solid #222'src="http://i.imgur.com/fdldc.png" width="20"></a>
  502. <a href="/"><img style='padding: 0px; border:1px solid #222'src="http://i.imgur.com/fdldc.png" width="20"></a>
  503. <br>
  504. <a href="/"><img style='padding: 0px; border:1px solid #222'src="http://i.imgur.com/fdldc.png" width="20"></a>
  505. <a href="/"><img style='padding: 0px; border:1px solid #222'src="http://i.imgur.com/fdldc.png" width="20"></a>
  506. <br>
  507. <a href="/"><img style='padding: 0px; border:1px solid #222'src="http://i.imgur.com/fdldc.png" width="20"></a>
  508. <a href="/"><img style='padding: 0px; border:1px solid #222'src="http://i.imgur.com/fdldc.png" width="20"></a>
  509. </div>
  510.  
  511. <div class="content">
  512.  
  513. {block:Posts}
  514. <div class="entry">
  515. {block:Title}<div class="title">{Title}</div>{/block:Title}
  516. {block:Text}
  517. {Body}
  518. {block:IndexPage}
  519. <a href="{Permalink}">{NoteCountWithLabel}</a> +</span> <a href="{ReblogURL}">reblog</a>
  520. {/block:IndexPage}
  521. {/block:Text}
  522.  
  523. {block:Photo}
  524.  
  525. {block:IndexPage}<div class="permalink"><center><a href="{Permalink}">{NoteCountWithLabel}</a> // <a href="{ReblogURL}" target="_blank">Reblog</a> </center></div> {/block:IndexPage}
  526.  
  527. {block:indexpage}<a href="{permalink}"><img src="{PhotoURL-500}" width="250"/></a>{/block:indexpage}
  528.  
  529. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" width="522" alt="{PhotoAlt}"/>{LinkCloseTag}{/block:PermalinkPage}
  530. {/block:Photo}
  531.  
  532. {block:Photoset}
  533. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  534. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  535. {/block:Photoset}
  536.  
  537.  
  538. {block:Quote}
  539. <div class="quote">{Quote}</div>
  540. <div align="right">
  541. {block:Source}-{Source}{/block:Source}
  542. </div>
  543. {/block:Quote}
  544.  
  545.  
  546. {block:Video}
  547. {block:indexpage}{Video-250}<br>
  548. {PlayCountWithLabel}
  549. {/block:indexpage}
  550. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  551.  
  552. {/block:Video}
  553.  
  554.  
  555. {block:Link}
  556. <a href="{URL}" class="link" {Target}><div class="link">{Name}</div></a><BR>
  557. {block:Description}{Description}{/block:Description}
  558. <a href="{Permalink}">{NoteCountWithLabel}</a> +</span> <a href="{ReblogURL}">reblog</a>
  559. {/block:Link}
  560.  
  561. {block:Chat}
  562. {block:Lines}
  563. {block:Label}
  564. <br>
  565. {Label}
  566. {/block:Label}
  567. &nbsp;{Line}
  568. {/block:Lines}<br>
  569. {block:IndexPage}
  570. <a href="{Permalink}">{NoteCountWithLabel}</a> +</span> <a href="{ReblogURL}">reblog</a>
  571. {/block:IndexPage}
  572. {/block:Chat}
  573.  
  574. {block:Audio}
  575. {AudioPlayerGrey}
  576. <br><div align="right">{block:Artist}
  577. Artist: {Artist}</div>
  578. {/block:Artist}<br>
  579. {block:Caption}{Caption}{/block:Caption}
  580. {/block:Audio}
  581.  
  582.  
  583. {block:Answer}
  584.  
  585. <n><div align="left"><d>
  586. {Asker} said: {Question}<br>
  587. {Answer}
  588. </div><p align=right>
  589. {block:IndexPage}
  590. <a href="{Permalink}">{NoteCountWithLabel}</a> +</span> <a href="{ReblogURL}">reblog</a>
  591. {/block:IndexPage}
  592.  
  593. {/block:Answer}
  594.  
  595. {block:PermalinkPage}
  596. {block:Caption}
  597. {Caption}
  598. {/block:Caption}
  599. <br>
  600. {block:NoteCount}
  601. {NoteCount} notes
  602. {/block:NoteCount}
  603. <Br>
  604. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  605. {/block:PermalinkPage}
  606. </div>
  607.  
  608. {/block:Posts}
  609.  
  610. </div>
  611.  
  612. <div id="banner"><img src="{image:banner}"></div>
  613.  
  614. </body>
  615. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!