API tools faq
paste
Guest User

leopardkiss

a guest
Apr 16th, 2014
55
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.72 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5.  
  6.  
  7.  
  8. <head>
  9.  
  10. <script src='http://code.jquery.com/jquery-1.4.2.min.js' type='text/javascript'></script>
  11.  
  12. <script src='http://static.tumblr.com/1s4z8hu/UTBlo4136/jquery.masonry.min.js' type='text/javascript'></script>
  13.  
  14.  
  15. <script type="text/javascript" src="http://static.tumblr.com/jnmer2r/WKhljk73d/jquery.infinitescroll.min.js"></script>
  16.  
  17.  
  18. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>
  19. {/block:NextPage}
  20.  
  21. {block:NextPage}
  22. <div id="page-nav"><a href="{NextPage}"></a></div>
  23. {/block:NextPage}
  24. <script>
  25. jQuery(window).load(function(){
  26. var $wall = $('#content');
  27. $wall.imagesLoaded(function(){
  28. $wall.masonry({
  29. singleMode: true,
  30. itemSelector: '#post'
  31. });
  32. });
  33. $wall.infinitescroll({
  34. navSelector : '#page-nav',
  35. nextSelector : '#page-nav a',
  36. itemSelector : '#post',
  37. },
  38.  
  39. function( newElements ){
  40. $(newElements).hide();
  41. setTimeout(function(){
  42. $wall.masonry({ appendedContent: $(newElements) });
  43. },2000);
  44. setTimeout(function(){
  45. $(newElements).fadeIn('fast');
  46. },1800);
  47. },200);
  48. });
  49. </script>
  50.  
  51. <script>
  52. $.fn.imagesLoaded = function(callback){
  53. var elems = this.find('img'),
  54. len = elems.length,
  55. _this = this;
  56. if ( !elems.length ) {
  57. callback.call( this );}
  58. elems.bind('load',function(){
  59. if (--len <= 0){
  60. callback.call( _this );}
  61. }).each(function(){
  62. // cached images don't fire load sometimes, so we reset src.
  63. if (this.complete || this.complete === undefined){
  64. var src = this.src;
  65. // webkit hack from http://groups.google.com/group/jquery-dev/browse_thread/thread/eee6ab7b2da50e1f
  66. // data uri bypasses webkit log warning (thx doug jones)
  67. this.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";
  68. this.src = src;}
  69. });
  70. return this;};
  71. </script>
  72.  
  73. <script>
  74. function jumpScroll() {
  75. window.scroll(0,300); // horizontal and vertical scroll targets
  76. }
  77. </script>
  78.  
  79. <script>
  80. function jumpScroll2() {
  81. window.scroll(0,100); // horizontal and vertical scroll targets
  82. }
  83. </script>
  84.  
  85.  
  86. <title>{Title}</title>
  87.  
  88. <link rel="shortcut icon" href="{Favicon}">
  89.  
  90.  
  91. <style>
  92.  
  93.  
  94. body, td, p { font: 10px/8px pixel;}
  95.  
  96. @font-face {font-family: "pixelfont"; src: url('http://static.tumblr.com/vwu5l8p/jq4n419ki/04b_03__.ttf');}
  97.  
  98.  
  99. /* This theme was made by mckenzie@glosslovin under no circumstances may you
  100. redistripute this theme*/
  101.  
  102.  
  103. body {
  104. background-image:url('http://static.tumblr.com/vwu5l8p/Li9n3w36o/9.png');
  105. margin:0px;
  106. color:#0074ee;
  107. background-attachment: fixed;
  108. }
  109.  
  110. #top { position:fixed;
  111. top:0px;
  112. margin:0px;
  113. background-image:url('http://static.tumblr.com/vwu5l8p/aEGn41d3c/header.png');
  114. height:80px;
  115. width:100%;
  116. }
  117.  
  118. #behind { position:fixed;
  119. background-color:#d9d9d9;
  120. width:679px;
  121. height:210px;
  122. z-index:1;
  123. }
  124.  
  125. #outsidecontainer { position: fixed;
  126. top: 0px; left: 0px; width: 100%;
  127. background-image:url('http://static.tumblr.com/vwu5l8p/aEGn41d3c/header.png');
  128. height:25px;
  129. z-index:1;
  130. }
  131.  
  132. #container { position:relative;
  133. margin:0 auto;
  134. background-color:#d9d9d9;
  135. width:679px;
  136. border:4px double #e8e8e8;
  137. min-height:500px;
  138. overflow:hidden;
  139. margin-top:20px;
  140. }
  141.  
  142. #banner{ position:fixed;
  143. width:670px;
  144. height:200px;
  145. padding:2px;
  146. margin-left:309px;
  147. margin-top:-2px;
  148. z-index:1;
  149. }
  150.  
  151. #header { position:fixed;
  152. width:300px;
  153. height:200px;
  154. padding:3px;
  155. border:1px solid#e8e8e8;
  156. background-color:#d9d9d9;
  157. z-index:1;
  158. }
  159.  
  160. #stats { position:relative;
  161. float:left;
  162. width:352px;
  163. margin-left:2px;
  164. height:200px;
  165. padding:3px;
  166. border:1px solid#e8e8e8;
  167. background-color:#d9d9d9;
  168. }
  169.  
  170. .navigation { width:352px;
  171. padding:3px;
  172. margin-top:-7px;
  173. margin-left:5px;
  174. }
  175.  
  176. a.nav { -webkit-border-bottom-right-radius: 50px;
  177. -webkit-border-bottom-left-radius: 50px;
  178. -moz-border-radius-bottomright: 50px;
  179. -moz-border-radius-bottomleft: 50px;
  180. border-bottom-right-radius: 50px;
  181. border-bottom-left-radius: 50px;
  182. background-color:#e4e4e4;
  183. padding:9px;
  184. display:block;
  185. width:30px;
  186. text-decoration:none;
  187. text-align:center;
  188. float:left;
  189. color:#00abfa;
  190. -webkit-transition: all 0.8s ease-in-out;
  191. -moz-transition: all 0.8s ease-in-out;
  192. -ms-transition: all 0.8s ease-in-out;
  193. -o-transition: all 0.8s ease-in-out;
  194. transition: all 0.8s ease-in-out;
  195. }
  196.  
  197. a.nav:hover { height:30px;
  198. color:#0074f6;
  199.  
  200. }
  201.  
  202. .about { width:166px;
  203. background-color:#e4e4e4;
  204. padding:5px;
  205. height:130px;
  206. -webkit-border-radius: 20px;
  207. -moz-border-radius: 20px;
  208. border-radius: 20px;
  209. margin-top:60px;
  210. color:#0074f6;
  211. padding:5px;
  212. text-align:justify;
  213. font-family:pixelfont;
  214. font-weight:normal;
  215. font-size:8px;
  216. border-bottom:3px solid #d4d4d4;
  217. text-transform:uppercase;
  218. }
  219. .about span { margin-left:5%;
  220.  
  221. }
  222.  
  223. h1 { width:100px;
  224. margin:0px;
  225. padding:3px;
  226. -webkit-border-radius: 20px;
  227. -moz-border-radius: 20px;
  228. border-radius: 20px;
  229. background-color:#d4d4d4;
  230. margin-left:70px;
  231. font-size:9px;
  232. margin-top:-5px;
  233. font-family:pixelfont;
  234. text-transform:uppercase;
  235. }
  236.  
  237. .music { width:150px;
  238. -webkit-border-radius: 20px;
  239. -moz-border-radius: 20px;
  240. border-radius: 20px;
  241. height:20px;
  242. padding:5px;
  243. background-color:#e4e4e4;
  244. margin-top:-140px;
  245. border-bottom:3px solid #d4d4d4;
  246. margin-left:180px;
  247.  
  248. }
  249.  
  250. .favourites {
  251. width:150px;
  252. -webkit-border-radius: 20px;
  253. -moz-border-radius: 20px;
  254. border-radius: 20px;
  255. background-color:#e4e4e4;
  256. border-bottom:3px solid #d4d4d4;
  257. padding:5px;
  258. margin-left:180px;
  259. height:23px;
  260. }
  261. a.favs { float:left;
  262. width:5px;
  263. height:3px;
  264. display:block;
  265. padding:10px;
  266. border:1px solid #d4d4d4;
  267. background-color:#c9c9c9;
  268. -webkit-border-radius: 20px;
  269. -moz-border-radius: 20px;
  270. border-radius: 20px;
  271. -webkit-transition: all 0.8s ease-in;
  272. -moz-transition: all 0.8s ease-in;
  273. -ms-transition: all 0.8s ease-in;
  274. -o-transition: all 0.8s ease-in;
  275. transition: all 0.8s ease-in;
  276. color:#c9c9c9;
  277. text-decoration:none;
  278. }
  279. a.favs:hover { background-color:#00a9fa;
  280. border:1px solid #0074f1;
  281. -webkit-transition: all 0.8s ease-out;
  282. -moz-transition: all 0.8s ease-out;
  283. -ms-transition: all 0.8s ease-out;
  284. -o-transition: all 0.8s ease-out;
  285. transition: all 0.8s ease-out;
  286. text-decoration:none;
  287. color:#e4e4e4;
  288. }
  289.  
  290. .stats {
  291. width:150px;
  292. -webkit-border-radius: 20px;
  293. -moz-border-radius: 20px;
  294. border-radius: 20px;
  295. background-color:#e4e4e4;
  296. border-bottom:3px solid #d4d4d4;
  297. padding:5px;
  298. margin-left:180px;
  299. height:40px;
  300. color:#00abfa;
  301. }
  302.  
  303.  
  304.  
  305.  
  306. /*TUMBLR CODING*/
  307.  
  308. #content { position: relative;
  309. float:left;
  310. margin-top:220px;
  311. width:700px;
  312. min-height: 800px !important;
  313. }
  314.  
  315. #post {
  316. float: left;
  317. padding:4px;
  318. background:#06cbff;
  319. border:1px solid#dadada;
  320. width:155px;
  321. {block:permalinkpage}
  322. width: 670px ;}
  323. {/block:permalinkpage}
  324. margin: 2px;
  325. overflow:hidden;
  326. }
  327.  
  328. #post:hover .photoreblog {opacity: 1;}
  329.  
  330. {block:indexpage}
  331. #post img, #post iframe { max-width: 155px !important;}
  332. {/block:indexpage}
  333.  
  334. .text { padding:5px; background-color:#e0e0e0; border-left:3px solid#3c5b52-webkit-border-bottom-right-radius: 5px;
  335. -webkit-border-bottom-left-radius: 5px;
  336. -moz-border-radius-bottomright: 5px;
  337. -moz-border-radius-bottomleft: 5px;
  338. border-bottom-right-radius: 5px;
  339. border-bottom-left-radius: 5px;
  340. border-bottom:1px solid#ff7fe2;
  341. color:#0074ee;
  342. font-size:9px;
  343. }
  344.  
  345. a { color:#eee;}
  346.  
  347. h2 { margin:0px;
  348. background-color:#06cbff;
  349. font-size:9px;
  350. color:#eee;
  351. text-decoration:none;
  352. font-family:silkscreen;
  353.  
  354. }
  355.  
  356. .ask { padding:3px; margin-left:20px;
  357. }
  358.  
  359. .ask img { background-color:#e7e7e7;
  360. -webkit-border-radius: 20px;
  361. -moz-border-radius: 20px;
  362. border-radius: 20px;
  363. border-right:3px solid #f0f0f0;}
  364.  
  365. .question { float:left; width:145px; padding:2px; background-color:#00abfa; font-size:9px; font-family:silkscreen; margin-left:5px; margin-top:-30px;
  366. border:1px solid #0079fd; color:#eee; border-bottom:2px solid#00abfa; font-size:9px; font-family:arial; overflow:hidden; margin-bottom:8px;}
  367.  
  368.  
  369.  
  370. .link {padding:5px; border-left:3px solid#3c5b52-webkit-border-bottom-right-radius: 5px;
  371. -webkit-border-bottom-left-radius: 5px;
  372. -moz-border-radius-bottomright: 5px;
  373. -moz-border-radius-bottomleft: 5px;
  374. border-bottom-right-radius: 5px;
  375. border-bottom-left-radius: 5px;
  376. color:#0074ee;
  377. font-size:9px;}
  378.  
  379. .source {
  380. margin-top:3px;
  381. color:#0074ee;
  382. background-color:#06cbff;
  383. text-align:center;
  384. }
  385.  
  386.  
  387. /*POST REBLOGS*/
  388.  
  389. a.reblog3 {
  390. float:left;
  391. margin-left:2px;
  392. color:#ffffff;
  393. -webkit-border-radius: 20px;
  394. -moz-border-radius: 20px;
  395. width:40px;
  396. display:block;
  397. padding:3px;
  398. border-radius: 20px;
  399. text-decoration:none;
  400. -webkit-transition: all 2s ease;
  401. -moz-transition: all 2s ease;
  402. -ms-transition: all 2s ease;
  403. -o-transition: all 2s ease;
  404. transition: all 2s ease;
  405. font-family:silkscreen;
  406. background-color:#06cbff;
  407. font-size:9px;
  408. text-align:center;
  409. }
  410.  
  411. a.reblog3:hover {
  412. color:#06cbff;
  413. background-color:#0074ee;
  414. }
  415.  
  416. .reblogg { margin-top:10px; padding:3px; }
  417.  
  418.  
  419. .rebloggvideo { font-size:9px; font-family:arial; margin-top:5px; padding:3px;}
  420.  
  421.  
  422. .photoreblog{ position:absolute; opacity:0; left:-0px; width:190px; height:20px; z-index:8; top:0px; -webkit-transition: all 0.8s ease-in;
  423. -moz-transition: all 0.8s ease-in;
  424. -ms-transition: all 0.8s ease-in;
  425. -o-transition: all 0.8s ease-in;
  426. transition: all 0.8s ease-in; }
  427.  
  428.  
  429.  
  430. a.reblogphoto {float:left; padding:3px; color:#fff; font-size:9px; font-family:silkscreen; display:block; -webkit-transition: all 2s ease; background-color:#06cbff;
  431. -moz-transition: all 2s ease; text-decoration:none;
  432. -ms-transition: all 2s ease;
  433. -o-transition: all 2s ease;
  434. transition: all 2s ease; }
  435.  
  436. a.reblogphoto:hover { color:#0074ee;}
  437.  
  438. </style>
  439. <div id="top"></div>
  440.  
  441. <div id="outsidecontainer"></div>
  442. <div id="container">
  443. <div id="behind"></div>
  444.  
  445. <div id="header">
  446. <img src="http://static.tumblr.com/vwu5l8p/K67n41d6z/header1.png">
  447. </div>
  448.  
  449. <div id="banner">
  450. <div id="stats">
  451. <div class="navigation">
  452. <a href="/" class="nav">Home</a>
  453. <a href="/" class="nav">Link</a>
  454. <a href="/" class="nav">Link</a>
  455. <a href="/" class="nav">Link</a>
  456. <a href="/" class="nav">Link</a>
  457. <a href="/" class="nav">Link</a>
  458. <a href="http://glosslovin.tumblr.com" class="nav">Theme</a>
  459. </div>
  460.  
  461. <div class="about">
  462.  
  463. <span>
  464.  
  465. Nulla facilisis vestibulum mauris, vitae porta tortor. Maecenas euismod mollis metus vel accumsan. Integer cursus commodo ipsum sit amet pretium. Maecenas condimentum varius felis, at eleifend lorem suscipit ac. Integer auctor vehicula tortor eget dignissim. Vivamus molestie mi lorem, a vulputate ipsum sodales accumsan. Nullam porta gravida vehicula. Praesent in volutpat tortor. In malesuada, dui eget dictum fermentum, eros nisi aliquam neque, et venenatis lacus est et metus.
  466.  
  467. <h1>About</h1>
  468. </span>
  469. </div>
  470. <div class="music">
  471.  
  472. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="150" height="20">
  473. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
  474. <param name="bgcolor" value="#e4e4e4" />
  475. <param name="FlashVars" value="mp3=http%3A//flash-mp3-player.net/medias/another_world.mp3&amp;bgcolor=e4e4e4&amp;loadingcolor=009dfb&amp;buttoncolor=009dfb&amp;slidercolor=0074f1" />
  476. </object>
  477. </div>
  478. <div class="favourites">
  479. <a href="/" class="favs">1</a>
  480. <a href="/" class="favs">2</a>
  481. <a href="/" class="favs">3</a>
  482. <a href="/" class="favs">4</a>
  483. <a href="/" class="favs">5</a>
  484.  
  485. </div>
  486. <div class="stats"><center>
  487. Name: {YOur name will go here}<br>
  488. #Tags: {Track your tags here}<br/>
  489. Blogging since: {When did you open your first/this blog}<br/>
  490. Follower count: {You dont need to add this} <br/>
  491. -x-x-x-
  492.  
  493.  
  494. </center>
  495. </div>
  496. </div>
  497. </div>
  498.  
  499. <div id="content">
  500.  
  501. {block:Posts}
  502. <div id="post">
  503.  
  504.  
  505. {block:Photo}
  506. {block:indexpage}
  507. <img src="{PhotoURL-500}">
  508. <div class="photoreblog">
  509. <a href="{reblogurl}" class="reblogphoto" target="_blank" >Reblog</a>
  510. <a href="{permalink}" class="reblogphoto">{notecountwithlabel}</a>
  511. </div>
  512. {/block:indexpage}
  513.  
  514.  
  515. {block:PermalinkPage}
  516. <center>
  517. <img src="{PhotoURL-500}"></center>
  518. <br>
  519. </center>
  520. {/block:PermalinkPage}
  521. {/block:Photo}
  522.  
  523.  
  524.  
  525.  
  526. {block:Text}
  527. <h2>{Title}</h2>
  528. <div class="text">
  529. {body}
  530. </div>
  531. {block:indexpage}
  532. <div class="reblogg">
  533. <a href="{reblogurl}" class="reblog3" target="_blank" >Reblog</a>
  534. <a href="{permalink}" class="reblog3">{notecountwithlabel}</a>
  535. </div>
  536. {/block:indexpage}
  537.  
  538.  
  539. {/block:Text}
  540.  
  541. {block:Answer}
  542. <div class="ask">
  543. <img src="{AskerPortraitURL-30}">
  544. </div>
  545.  
  546. <div class="question">
  547. <div style="margin-left:50px;">{Question}</div>
  548.  
  549. <div style="color:#ffffff;" >{Answer}</div>
  550. </div>
  551. {/block:Answer}
  552.  
  553. {block:Link}
  554. <h2><a href=""><a href="{URL}" target="_blank" class="main">{Name}</a></h2>
  555. <div class="link">
  556. {block:Description}
  557. {Description}
  558. {/block:Description}
  559. </div>
  560.  
  561.  
  562. {block:indexpage}
  563. <div class="reblogg">
  564. <a href="{reblogurl}" class="reblog3" target="_blank" >Reblog</a>
  565. <a href="{permalink}" class="reblog3">{notecountwithlabel}</a>
  566. </div>
  567. {/block:indexpage}
  568.  
  569.  
  570. {/block:Link}
  571.  
  572. {block:Quote}
  573.  
  574. <b style=" font-size:9px; font-family:silkscreen; font-weight:normal;">"</b> <i style=" color:#fff;"> {Quote}</i> <b style=" font-size:9px; font-family:silkscreen; font-weight:normal;">"</b>
  575. {block:Source}
  576. <div class="source">
  577. {source}
  578. </div>
  579.  
  580.  
  581. {block:indexpage}
  582. <div class="reblogg">
  583. <a href="{reblogurl}" class="reblog3" target="_blank" >Reblog</a>
  584. <a href="{permalink}" class="reblog3">{notecountwithlabel}</a>
  585. </div>
  586. {/block:indexpage}
  587.  
  588. {/block:Source}
  589. {/block:Quote}
  590.  
  591. {block:Audio}
  592.  
  593.  
  594. {block:AudioEmbed} {AudioEmbed-250} {/block:AudioEmbed}
  595.  
  596.  
  597. <div class="rebloggvideo">Posted {MonthNumberWithZero}/{Year} // {NoteCount} Notes // <a href="{ReblogUrl}" target="_blank">Reblog</a></div>
  598. {/block:Audio}
  599.  
  600.  
  601. {block:Video}
  602. {VideoEmbed-250}
  603.  
  604. <div class="rebloggvideo">Posted {MonthNumberWithZero}/{Year} // {NoteCount} Notes // <a href="{ReblogUrl}" target="_blank">Reblog</a></div>
  605. {/block:Video}
  606.  
  607.  
  608. {block:Photoset}
  609. {block:Photos}
  610. <img src="{PhotoURL-250}" style="width: 71px;
  611. margin: 2px; float: left;
  612. {block:if2column} width: 82px;{/block:if2column}">
  613. {/block:Photos}
  614. {/block:Photoset}
  615.  
  616.  
  617. <!--Captions//Notecount//Tags//Notes-->
  618. {block:PermalinkPage}
  619. {block:Caption}{Caption}{/block:Caption}
  620. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  621. {block:HasTags} &middot;
  622. {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}
  623. {/block:HasTags}
  624. {/block:PermalinkPage}
  625.  
  626. {block:PostNotes}
  627. {PostNotes}
  628. {/block:PostNotes}
  629. </div>
  630. {/block:Posts}
  631.  
  632. <!--End of Post blocking-->
  633. </div>
  634.  
  635.  
  636.  
  637.  
  638. </div>
  639.  
  640. </body>
  641. </div>
Add Comment
Please, Sign In to add comment
Public Pastes
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!