API tools faq
paste
Advertisement
brookeabee

Untitled

brookeabee
Dec 1st, 2012
198
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.18 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: ruxolph the red nose reindeer
  11. -->
  12.  
  13.  
  14.  
  15. <!- edit your banner here!>
  16. <img style="position:fixed; opacity: 1.0; width:auto; Top:0px; left:210px; border-right:0px solid #555; border-left:0px solid #555; z-index: 2;" src="http://i.imgur.com/8B43t.png">
  17.  
  18.  
  19. <!-- edit your title and shortcut icon here-->
  20. <title>rudolph</title>
  21. <link rel="shortcut icon" href="http://i.imgur.com/au5PE.gif">
  22.  
  23.  
  24. <!-- infinite scroll-->
  25. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  26.  
  27.  
  28. <head>
  29.  
  30. <script type="text/javascript"
  31. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  32. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  33.  
  34.  
  35.  
  36.  
  37.  
  38. <style type="text/css">
  39.  
  40.  
  41.  
  42. body{
  43. color:#555;
  44. font-family:littlefont;
  45. font-size:8px;
  46. background-color:#fff;
  47. text-align:justify;
  48. background-image:url(http://i.imgur.com/U6Eiz.png);
  49. background-attachment: fixed;
  50. }
  51.  
  52. @font-face { font-family: "littlefont"; src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf'); }
  53.  
  54. @font-face { font-family: "Rister"; src: url('http://static.tumblr.com/pwgdr2n/VPum3j3td/a_s_rister.ttf'); }
  55.  
  56.  
  57. body,a{cursor:url(http://i.imgur.com/5ceux.png), progress;}
  58. a:hover{cursor:url(http://i.imgur.com/5ceux.png), progress;}
  59.  
  60. ::-webkit-scrollbar-thumb:vertical {
  61. height:auto;-moz-border-radius: 4px;}
  62.  
  63. ::-webkit-scrollbar-thumb { background: -webkit-gradient(linear, left top, left bottom, from(#2f002e), to(#841e56)); background-color:#fff; -webkit-border-radius:8px; }; }
  64.  
  65. ::-webkit-scrollbar-thumb:horizontal {
  66. background-color:#fff;
  67. height:7px!important;
  68. border: 1px dashed #eee;}
  69. ::-webkit-scrollbar {
  70. width:4px; height:auto;
  71. background-position:right;
  72. background-color:#fff; -webkit-border-radius:8px; }
  73.  
  74. .content{
  75. width:519px;
  76. top:225px;
  77. position: scroll;
  78. height:auto;
  79. margin-left:200px;
  80. background-color:#fff;
  81. position:absolute;
  82. padding:2px;
  83. border-left:0px solid #555;
  84. }
  85.  
  86. .entry{
  87. padding-left:2px;
  88. padding-right:2px;
  89. padding-top:2px;
  90. padding-bottom:0px;
  91. background-color:transparent;
  92. width:250px;
  93. float:left;
  94. margin:2px;
  95. position:scroll;
  96. {block:permalinkpage}
  97. width:522px;
  98. height:auto;
  99. margin-top:-2px;
  100. margin-left:-4px;
  101. margin-bottom:10px;
  102. {/block:permalinkpage}
  103. }
  104. }
  105. .entry .permalink a{
  106. color:#000;
  107. }
  108.  
  109. .entry .permalink{
  110. position:absolute;
  111. opacity:0;
  112. width:250px;
  113. height:15px;
  114. margin-top:0px;
  115. overflow:hidden;
  116. font-family: silkscreen;
  117. font-size: 8px;
  118. line-height: 14px;
  119. background-color:white;
  120. text-align:center;
  121. text-transform: uppercase;
  122. -webkit-transition: all 0.2s linear;
  123. -webkit-transition: all 0.2s linear;
  124. -moz-transition: all 0.2s linear;
  125. transition: all 0.2s linear;
  126. }
  127. .entry:hover .permalink{
  128. width:250px;
  129. height:15px;
  130. margin-top:0px;
  131. overflow:visible;
  132. -webkit-transition: all 0.4s linear; opacity: .7;
  133. -webkit-transition: all 0.4s linear;
  134. -moz-transition: all 0.4s linear;
  135. transition: all 0.4s linear;
  136. }
  137.  
  138.  
  139.  
  140. #sidebar{
  141. background-color:#fff;
  142. width:220px;
  143. height:900px;
  144. margin-top:225px;
  145. margin-left:720px;
  146. position:fixed;
  147. border-right:0px solid #555;
  148. z-index:1;
  149. }
  150.  
  151.  
  152. .bubble {
  153. align:right;
  154. background: #dbd69d;
  155. margin:7px 0px 5px 66px;
  156. padding:10px;
  157. position: relative;}
  158. .bubble p {margin:1px 0px;}
  159. .bubble span {display:block;
  160. position:absolute;
  161. width:1px;
  162. height:1px;
  163. font-size: 0;
  164. line-height: 1px;
  165. left:-10px;
  166. top:10px;}
  167.  
  168. a.navi1:link, a.navi1:active, a.navi1:visited
  169. {display:inline-block;
  170. font-family:"littlefont";
  171. font-size:8px;
  172. color:#fff;
  173. text-align:center;
  174. background-color:#841e56;
  175. margin-top:1px;
  176. padding-top:2px;
  177. margin-bottom:2px;
  178. width:69px;
  179. }
  180.  
  181. a.navi1:hover
  182. {background-color:transparent;
  183. color:#841e56;
  184. -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease; -o-transition: all .5s ease;
  185. }
  186.  
  187. a.navi2:link, a.navi2:active, a.navi2:visited
  188. {display:inline-block;
  189. font-family:"littlefont";
  190. font-size:8px;
  191. color:#fff;
  192. text-align:center;
  193. background-color:#7d75a4;
  194. margin-top:1px;
  195. padding-top:2px;
  196. margin-bottom:2px;
  197. width: 69px;
  198. }
  199.  
  200. a.navi2:hover
  201. {background-color:transparent;
  202. color:#7d75a4;
  203. -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease; -o-transition: all .5s ease;
  204. }
  205.  
  206. a.navi3:link, a.navi3:active, a.navi3:visited
  207. {display:inline-block;
  208. font-family:"littlefont";
  209. font-size:8px;
  210. color:#fff;
  211. text-align:center;
  212. background-color:#ff4b95;
  213. margin-top:1px;
  214. padding-top:2px;
  215. margin-bottom:2px;
  216. width: 69px;
  217. }
  218.  
  219. a.navi3:hover
  220. {background-color:transparent;
  221. color:#ff4b95;
  222. -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease; -o-transition: all .5s ease;
  223. }
  224.  
  225.  
  226. a:link, a:visited, a:active{
  227. font-family: littlefont;
  228. font-size: 8px;
  229. color: #841e56;
  230. line-height: 8px;
  231. text-transform: lowercase;
  232. text-decoration: none;
  233. -webkit-transition: color 0.5s ease-out;
  234. -moz-transition: color 0.5 ease-out;
  235. }
  236.  
  237.  
  238. a:hover{
  239. color: #7d75a4;
  240. }
  241.  
  242.  
  243.  
  244.  
  245. l{
  246. color:#2f002e;
  247. }
  248.  
  249. o{
  250. color:#841e56;
  251. }
  252.  
  253.  
  254. v{
  255. color:#7d75a4;
  256. }
  257.  
  258. e {
  259. color:#ff4b95;
  260. }
  261.  
  262. .title{
  263. line-height:14px;
  264. font-family: rister;
  265. font-size: 25px;
  266. text-transform: lowercase;
  267. display: block;
  268. text-align: center;
  269. letter-spacing:0px;
  270. color: #2f002e;
  271. }
  272.  
  273. .link{
  274. line-height:14px;
  275. font-family: rister;
  276. font-size: 25px;
  277. text-transform: lowercase;
  278. display: block;
  279. text-align: center;
  280. margin-top:5px;
  281. letter-spacing:0px;
  282. color: #ff4b95;
  283. }
  284.  
  285. h1{
  286. line-height:14px;
  287. font-family: rister;
  288. font-size: 25px;
  289. text-transform: lowercase;
  290. display: block;
  291. text-align: right;
  292. letter-spacing:0px;
  293. margin-bottom:-5px;
  294. color: #2f002e;
  295. border-bottom: 1px dashed #2f002e;
  296. }
  297.  
  298. h2{
  299. line-height:14px;
  300. font-family: rister;
  301. font-size: 25px;
  302. text-transform: lowercase;
  303. display: block;
  304. text-align: left;
  305. letter-spacing:0px;
  306. margin-bottom:2px;
  307. color: #841e56;
  308. border-bottom: 1px dashed #841e56;
  309. }
  310.  
  311. h3{
  312. line-height:14px;
  313. font-family: rister;
  314. font-size: 25px;
  315. text-transform: lowercase;
  316. display: block;
  317. text-align: right;
  318. letter-spacing:0px;
  319. margin-bottom:2px;
  320. color: #7d75a4;
  321. border-bottom: 1px dashed #7d75a4;
  322. }
  323.  
  324. h4{
  325. line-height:14px;
  326. font-family: rister;
  327. font-size: 25px;
  328. text-transform: lowercase;
  329. display: block;
  330. text-align: left;
  331. letter-spacing:0px;
  332. margin-bottom:2px;
  333. color: #841e56;
  334. border-bottom: 1px dashed #841e56;
  335. }
  336.  
  337. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  338. #infscr-loading {display:none;}
  339. .navigation{display:none;}
  340.  
  341.  
  342. {CustomCSS]</style>
  343.  
  344. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  345.  
  346. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  347.  
  348.  
  349. <script type="text/javascript">
  350.  
  351. $(window).load(function () {
  352. $('.content').masonry(),
  353. $('.masonryWrap').infinitescroll({
  354. navSelector : "div#navigation",
  355. // selector for the paged navigation (it will be hidden)
  356. nextSelector : "div#navigation a#nextPage",
  357. // selector for the NEXT link (to page 2)
  358. itemSelector : ".entry",
  359. // selector for all items you'll retrieve
  360. bufferPx : 10000,
  361. extraScrollPx: 200,
  362. loadingImg : "http://static.tumblr.com/emvmfcr/6DSlwb7ga/1.png",
  363. loadingText : "<em></em>",
  364. donetext : "<em></em>" ,
  365. // text displayed when all items have been retrieved
  366. },
  367. // call masonry as a callback.
  368. function() { $('.content').masonry({ appendedContent: $(this) }); }
  369. );
  370. });
  371. </script>
  372.  
  373. </head>
  374. <body>
  375.  
  376. {block:IndexPage}
  377. <div class="column navigation" id="navigation">
  378. {block:Pagination}
  379. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  380. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  381. </div>
  382. {/block:IndexPage}
  383.  
  384.  
  385.  
  386. <div id="sidebar">
  387. <img src="http://i.imgur.com/U5ycH.jpg" width="220">
  388. <h1>about me</h1>
  389. <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!</p>
  390.  
  391. <h2>navigate</h2><center>
  392. <a class="navi1" href="/">home</a> <a class="navi2" href="/ask">ask</a>
  393. <a class="navi3" href="http://falsettothemes.tumblr.com/">credit</a><br>
  394. <a class="navi1" href="/">link</a> <a class="navi2" href="/">link</a>
  395. <a class="navi3" href="/">link</a><br>
  396. <a class="navi1" href="/">link</a> <a class="navi2" href="/">link</a>
  397. <a class="navi3" href="/">link</a><br></center>
  398.  
  399. <h3>faq</h3>
  400. <l><b>Q</b></l>: Question goes here? <br>
  401. <v><b>A</b></v>: Answer goes here! <br>
  402. <l><b>Q</b></l>: Question goes here? <br>
  403. <v><b>A</b></v>: Answer goes here! <br>
  404. <l><b>Q</b></l>: Question goes here? <br>
  405. <v><b>A</b></v>: Answer goes here! <br>
  406.  
  407. <h4>stats</h4>
  408. stats counter goes here :)
  409.  
  410. </div>
  411.  
  412.  
  413.  
  414.  
  415. <div class="content">
  416.  
  417. {block:Posts}
  418. <div class="entry">
  419. {block:Title}<div class="title">{Title}</div>{/block:Title}
  420. {block:Text}
  421. {Body}
  422. {block:IndexPage}
  423. <a href="{Permalink}">{NoteCountWithLabel}</a> +</span> <a href="{ReblogURL}">reblog</a>
  424. {/block:IndexPage}
  425. {/block:Text}
  426.  
  427. {block:Photo}
  428.  
  429. {block:IndexPage}<div class="permalink"><center><a href="{Permalink}">{NoteCountWithLabel}</a> // <a href="{ReblogURL}" target="_blank">Reblog</a> </center></div> {/block:IndexPage}
  430.  
  431. {block:indexpage}<a href="{permalink}"><img src="{PhotoURL-500}" width="250"/></a>{/block:indexpage}
  432.  
  433. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" width="522" alt="{PhotoAlt}"/>{LinkCloseTag}{/block:PermalinkPage}
  434. {/block:Photo}
  435.  
  436. {block:Photoset}
  437. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  438. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  439. {/block:Photoset}
  440.  
  441.  
  442. {block:Quote}
  443. {Quote}
  444. <div align="right">
  445. {block:Source}-{Source}{/block:Source}
  446. </div>
  447. {/block:Quote}
  448.  
  449.  
  450. {block:Video}
  451. {block:indexpage}{Video-250}<br>
  452. {PlayCountWithLabel}
  453. {/block:indexpage}
  454. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  455.  
  456. {/block:Video}
  457.  
  458.  
  459. {block:Link}
  460. <center><a href="{URL}" class="link" {Target} box-shadow: 2px 2px 2px #222><div class="link">{Name}</div></a></center><BR>
  461. {block:Description}{Description}{/block:Description}
  462. <a href="{Permalink}">{NoteCountWithLabel}</a> +</span> <a href="{ReblogURL}">reblog</a>
  463. {/block:Link}
  464.  
  465. {block:Chat}
  466. {block:Lines}
  467. {block:Label}
  468. <br>
  469. {Label}
  470. {/block:Label}
  471. &nbsp;{Line}
  472. {/block:Lines}<br>
  473. {block:IndexPage}
  474. <a href="{Permalink}">{NoteCountWithLabel}</a> +</span> <a href="{ReblogURL}">reblog</a>
  475. {/block:IndexPage}
  476. {/block:Chat}
  477.  
  478. {block:Audio}
  479. {AudioPlayerGrey}
  480. <br><div align="right">{block:Artist}
  481. Artist: {Artist}</div>
  482. {/block:Artist}<br>
  483. {block:Caption}{Caption}{/block:Caption}
  484. {/block:Audio}
  485.  
  486.  
  487. {block:Answer}
  488. <n><div align="left"><d>
  489. <p align="jusify">
  490. {Asker} was like: {Question}<br><br>
  491. and I said bitch: {Answer}</p>
  492. </div><p align=right>
  493. {block:IndexPage}
  494. <a href="{Permalink}">{NoteCountWithLabel}</a> +</span> <a href="{ReblogURL}">reblog</a>
  495. {/block:IndexPage}
  496.  
  497. {/block:Answer}
  498.  
  499. {block:PermalinkPage}
  500. {block:Caption}
  501. {Caption}
  502. {/block:Caption}
  503. <br>
  504. {block:NoteCount}
  505. {NoteCount} notes
  506. {/block:NoteCount}
  507. <Br>
  508. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  509. {/block:PermalinkPage}
  510. </div>
  511.  
  512. {/block:Posts}
  513.  
  514. </div>
  515.  
  516. <div id="banner"><img src="{image:banner}"></div>
  517.  
  518. <SCRIPT type="text/javascript">
  519. /*
  520. Snow Fall 1 - no images - Java Script
  521. Visit http://rainbow.arch.scriptmania.com/scripts/
  522. for this script and many more
  523. */
  524.  
  525. // Set the number of snowflakes (more than 30 - 40 not recommended)
  526. var snowmax=55
  527.  
  528. // Set the colors for the snow. Add as many colors as you like
  529. var snowcolor=new Array("#ff4b95","#7d75a4","#841e56")
  530.  
  531. // Set the fonts, that create the snowflakes. Add as many fonts as you like
  532. var snowtype=new Array("Times","Arial","Times","Verdana")
  533.  
  534. // Set the letter that creates your snowflake (recommended: * )
  535. var snowletter=("*")
  536.  
  537. // Set the speed of sinking (recommended values range from 0.3 to 2)
  538. var sinkspeed=0.4
  539.  
  540. // Set the maximum-size of your snowflakes
  541. var snowmaxsize=30
  542.  
  543. // Set the minimal-size of your snowflakes
  544. var snowminsize=8
  545.  
  546. // Set the snowing-zone
  547. // Set 1 for all-over-snowing, set 2 for left-side-snowing
  548. // Set 3 for center-snowing, set 4 for right-side-snowing
  549. var snowingzone=1
  550.  
  551. ///////////////////////////////////////////////////////////////////////////
  552. // CONFIGURATION ENDS HERE
  553. ///////////////////////////////////////////////////////////////////////////
  554.  
  555.  
  556. // Do not edit below this line
  557. var snow=new Array()
  558. var marginbottom
  559. var marginright
  560. var timer
  561. var i_snow=0
  562. var x_mv=new Array();
  563. var crds=new Array();
  564. var lftrght=new Array();
  565. var browserinfos=navigator.userAgent
  566. var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
  567. var ns6=document.getElementById&&!document.all
  568. var opera=browserinfos.match(/Opera/)
  569. var browserok=ie5||ns6||opera
  570.  
  571. function randommaker(range) {
  572. rand=Math.floor(range*Math.random())
  573. return rand
  574. }
  575.  
  576. function initsnow() {
  577. if (ie5 || opera) {
  578. marginbottom = document.body.scrollHeight
  579. marginright = document.body.clientWidth-15
  580. }
  581. else if (ns6) {
  582. marginbottom = document.body.scrollHeight
  583. marginright = window.innerWidth-15
  584. }
  585. var snowsizerange=snowmaxsize-snowminsize
  586. for (i=0;i<=snowmax;i++) {
  587. crds[i] = 0;
  588. lftrght[i] = Math.random()*15;
  589. x_mv[i] = 0.03 + Math.random()/10;
  590. snow[i]=document.getElementById("s"+i)
  591. snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
  592. snow[i].size=randommaker(snowsizerange)+snowminsize
  593. snow[i].style.fontSize=snow[i].size+'px';
  594. snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
  595. snow[i].style.zIndex=1000
  596. snow[i].sink=sinkspeed*snow[i].size/5
  597. if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
  598. if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
  599. if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
  600. if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
  601. snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
  602. snow[i].style.left=snow[i].posx+'px';
  603. snow[i].style.top=snow[i].posy+'px';
  604. }
  605. movesnow()
  606. }
  607.  
  608. function movesnow() {
  609. for (i=0;i<=snowmax;i++) {
  610. crds[i] += x_mv[i];
  611. snow[i].posy+=snow[i].sink
  612. snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+'px';
  613. snow[i].style.top=snow[i].posy+'px';
  614.  
  615. if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
  616. if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
  617. if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
  618. if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
  619. if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
  620. snow[i].posy=0
  621. }
  622. }
  623. var timer=setTimeout("movesnow()",50)
  624. }
  625.  
  626. for (i=0;i<=snowmax;i++) {
  627. document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
  628. }
  629. if (browserok) {
  630. window.onload=initsnow
  631. }
  632.  
  633. </SCRIPT>
  634.  
  635.  
  636. </body>
  637. </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!