API tools faq
paste
Advertisement
html-tutorials

Original Theme

html-tutorials
Sep 2nd, 2012
144
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.20 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  
  4. <!---------------------don't delete
  5.  
  6. original theme by naturalblisse
  7. Do not delete the credit link, please! I've worked hard for this, and if you do and I saw it, I'll block you, sorry!
  8. please-------------------------->
  9.  
  10. <head>
  11.  
  12. <script type="text/javascript"
  13. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  14. <script>
  15. $(document).ready(function() {
  16. //
  17. $('a.poplight[href^=#]').click(function() {
  18. var popID = $(this).attr('rel'); //Get Popup Name
  19. var popURL = $(this).attr('href'); //Get Popup href to define size
  20. var query= popURL.split('?');
  21. var dim= query[1].split('&');
  22. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  23. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://media.tumblr.com/tumblr_lprq9jrfsI1qcn2vb.png" class="btn_close" title="Close" alt="Close" /></a>');
  24. var popMargTop = ($('#' + popID).height() + 80) / 2;
  25. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  26. //Apply Margin to Popup
  27. $('#' + popID).css({
  28. 'margin-top' : -popMargTop,
  29. 'margin-left' : -popMargLeft
  30. });
  31. $('body').append('<div id="fade"></div>');
  32. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  33. return false;
  34. });
  35. $('a.close, #fade').live('click', function() {
  36. $('#fade , .popup_block').fadeOut(function() {
  37. $('#fade, a.close').remove(); //fade them both out
  38. });
  39. return false;
  40. });
  41. });
  42. </script>
  43.  
  44. <script type="text/javascript"
  45. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  46.  
  47. <script type="text/javascript"
  48. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  49.  
  50. <title>{title}</title>
  51.  
  52. <link rel="shortcut icon" href="{Favicon}">
  53. <link rel="alternate" type="application/rss+xml" href="http://rebecaxo.com/rss">
  54. <meta name="description" content="{metadescription}" />
  55.  
  56. <meta name="color:Background" content="#FFFFFF"/>
  57. <meta name="color:Text" content="#000000"/>
  58. <meta name="color:Link" content="#000000"/>
  59. <meta name="color:Hover" content="#5d5d5d"/>
  60. <meta name="image:Header" content="0"/>
  61. <meta name="image:Background" content="1"/>
  62.  
  63. <meta name="if:Show Title" content="1"/>
  64. <meta name="if:Show Header Image" content="0"/>
  65.  
  66. <meta name="text:Other" content="TEXTTEXTTEXTTEXTTEXTTEXT" />
  67. <meta name="text:Link One Title" content="link 1" />
  68. <meta name="text:Link One" content="" />
  69. <meta name="text:Link Two Title" content="link 2" />
  70. <meta name="text:Link Two" content="" />
  71. <meta name="text:Link Three Title" content="link 3" />
  72. <meta name="text:Link Three" content="" />
  73. <meta name="text:Link Four Title" content="link 4" />
  74. <meta name="text:Link Four" content="" />
  75. <meta name="text:Link Five Title" content="link 5" />
  76. <meta name="text:Link Five" content="" />
  77. <meta name="text:Link Six Title" content="link 6" />
  78. <meta name="text:Link Six" content="" />
  79.  
  80. <link href='http://fonts.googleapis.com/css?family=Cedarville+Cursive' rel='stylesheet' type='text/css'>
  81.  
  82. <link href='http://fonts.googleapis.com/css?family=Raleway:100' rel='stylesheet' type='text/css'>
  83.  
  84. <link href='http://fonts.googleapis.com/css?family=Happy+Monkey' rel='stylesheet' type='text/css'>
  85.  
  86. <link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
  87.  
  88. <script src="http://static.tumblr.com/me5sfsd/1YFl414t0/jquery142.js"></script>
  89. <script type="text/javascript">
  90. $(document).ready(function () {
  91. $('li.drawer div:nth-child(2)').hide();
  92. $('li.drawer h4').click(function () {
  93. if ($(this).hasClass('open')) {
  94. $('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');}
  95. else {
  96. $('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');
  97. $(this).next().slideDown();
  98. $(this).addClass('open');}
  99. });
  100. });
  101. </script>
  102.  
  103.  
  104. <style type="text/css">
  105.  
  106. .gaga a{
  107. display: inline-block;
  108. color: #000;
  109. background-color:#fff;
  110. height:20px;
  111. width:160px;
  112. padding-left:5px;
  113. padding-top:2px;
  114. border-right:8px solid #fff;
  115. text-align: right;
  116. margin-right: 1px;
  117. }
  118.  
  119. .gaga a:hover{
  120. text-decoration: none;
  121. width:134px;
  122. height: 15px;
  123. text-align:right;
  124. border-right:8px solid #cecccc;
  125. padding-right:2px;
  126. color: #fff;
  127. background-color:#000;
  128. -webkit-transition: 0.5s
  129. }
  130.  
  131. a {color:;text-decoration:none;-webkit-tra… all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  132.  
  133. .fufu {width:227px;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  134.  
  135. .fufu:hover {-webkit-transform: translate(1em,0);-moz-transform: translate(1em,0);-o-transform: translate(1em,0);}
  136.  
  137. #biter
  138.  
  139. #bite a {display:block}
  140.  
  141. #bite .death {margin-top:-45px;filter: alpha(opacity = 0);opacity:0;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  142.  
  143. #bite:hover .death {margin-top:0px;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out; filter: alpha(opacity = 100);filter: alpha(opacity = 100);opacity:100;}
  144.  
  145. ::-webkit-scrollbar-thumb:vertical {
  146.  
  147. height:9px;
  148.  
  149. background-color: pink;
  150.  
  151. }
  152.  
  153. ::-webkit-scrollbar {
  154.  
  155. width:7px;
  156.  
  157. height:5px;
  158.  
  159. background:#fff;
  160.  
  161. margin-right:5px;
  162.  
  163. }
  164.  
  165.  
  166. #fade { /*--Transparent background layer--*/
  167. display: none; /*--hidden by default--*/
  168. background: #fff;
  169. position: fixed; left: 0; top: 0;
  170. width: 100%; height: 100%;
  171. opacity: .80;
  172. z-index: 9999;
  173. }
  174. .popup_block{
  175. display: none;
  176. background: #fff;
  177. padding: 20px;
  178. border: 5px solid #000;
  179. float: left;
  180. font-size: 1.2em;
  181. position: fixed;
  182. top: 50%; left: 50%;
  183. z-index: 99999;
  184. /*--CSS3 Box Shadows--*/
  185. -webkit-box-shadow: 0px 0px 20px #000;
  186. -moz-box-shadow: 0px 0px 20px #000;
  187. box-shadow: 0px 0px 20px #000;
  188. /*--CSS3 Rounded Corners--*/
  189. -webkit-border-radius: 10px;
  190. -moz-border-radius: 10px;
  191. border-radius: 10px;
  192. }
  193. img.btn_close {
  194. float: right;
  195. margin: -5px -5px 0 0;
  196. }
  197. /*--Making IE6 Understand Fixed Positioning--*/
  198. *html #fade {
  199. position: absolute;
  200. }
  201. *html .popup_block {
  202. position: absolute;
  203. }
  204.  
  205.  
  206.  
  207. #tumblr_controls{
  208. position:fixed !important;
  209. }
  210.  
  211. .wrapper{
  212. margin: 0px auto;
  213. width: 900px;
  214. }
  215.  
  216. .header{
  217. float: left;
  218. width: 100%;
  219. }
  220.  
  221. .left{
  222. float: left;
  223. margin-right: 20px;
  224. width: 802px;
  225. }
  226.  
  227. .right{
  228. float: left;
  229. width: 200px;
  230. background-color: {color:Background};
  231. }
  232.  
  233. body {
  234. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), auto;
  235. padding: 0px;
  236. margin: 0px;
  237. color:{color:text};
  238. font-family: 'Happy Monkey', cursive;
  239. font-size: 11px;
  240. line-height:11px;
  241. background-color: {color:Background};
  242. background-image:url({image:Background});
  243. background-attachment: fixed;
  244. background-repeat: repeat
  245. text-align: right;
  246. }
  247.  
  248. a:link{
  249. text-decoration:none;
  250. color:{color:link};
  251. text-decoration: none;
  252. -webkit-transition: color 0.4s ease-out;
  253. -moz-transition: color 0.4s ease-out;
  254. }
  255.  
  256. a:hover{
  257. color: black;
  258. text-shadow: #000 0 0 5px;
  259. font-style: italic;
  260. cursor: url(http://i.imgur.com/IepP2.jpg), auto;
  261. background:{color:nav hover bg};
  262. color:{color:nav hover} ;
  263. -webkit-transition: all 0.4s linear;
  264. -webkit-transition: all 0.4s linear;
  265. -moz-transition: all 0.4s linear;
  266. transition: all 0.4s linear;
  267. -webkit-transition: color 0.4s ease-out;
  268. -moz-transition: color 0.4s ease-out;
  269. }
  270.  
  271.  
  272.  
  273. .links a{
  274. font-size: 11px;
  275. line-height:22px;
  276. font-weight:none;
  277. margin: 2px;
  278. font-family: 'Happy Monkey', cursive;
  279. padding-top:5px;
  280. padding-bottom:5px;
  281. padding-left:7px;
  282. padding-right:7px;
  283. border-radius:5px;
  284. background:{color:nav bg};
  285. color:black;
  286. -webkit-transition: all 0.4s linear;
  287. -webkit-transition: all 0.4s linear;
  288. -moz-transition: all 0.4s linear;
  289. transition: all 0.4s linear;
  290. }
  291.  
  292. .notespage { width:700px; opacity: 1; z-index: 10000; margin-top:0px; margin-left:-111px;margin-right:auto;text-align:center; }
  293.  
  294.  
  295. .links:hover a{
  296. color: black;
  297. text-shadow: #000 0 0 5px;
  298. font-style: italic;
  299. cursor: url(http://i.imgur.com/IepP2.jpg), auto;
  300. padding-top:5px;
  301. padding-bottom:5px;
  302. padding-left:7px;
  303. padding-right:7px;
  304. border-radius:5px;
  305. background:{color:nav hover bg};
  306. color: white;
  307. -webkit-transition: all 0.4s linear;
  308. -webkit-transition: all 0.4s linear;
  309. -moz-transition: all 0.4s linear;
  310. transition: all 0.4s linear;
  311.  
  312. }
  313.  
  314. .assailant {
  315. color:{color:Permalink};
  316. font-size:10px;
  317. opacity: 0;
  318. -webkit-transition-duration: 1s;
  319. top:0px;
  320. left:0px;
  321. width:140px;
  322. height:20px;
  323. background-color: white;
  324. padding-top:5px;
  325. position: absolute;
  326. margin:5px;
  327. text-align:center;
  328. font-family: 'Happy Monkey', cursive;
  329. letter-spacing:1px;
  330. display:block;
  331. text-transform:uppercase;
  332. }
  333.  
  334. .entry:hover .assailant {
  335. {block:indexpage}opacity:0.85;
  336. {/block:indexpage}z-index:999999;
  337. }
  338.  
  339. a:link, a:active, a:visited{
  340. color: black;
  341. text-decoration:none;
  342. -webkit-transition: color 0.4s ease-out;
  343. -moz-transition: color 0.4s ease-out;
  344. }
  345.  
  346. a:hover{
  347. color: black;
  348. text-shadow: #000 3 0 3px;
  349. font-style: italic;
  350. cursor: url(http://i.imgur.com/IepP2.jpg), auto;
  351. -webkit-transition: color 0.4s ease-out;
  352. -moz-transition: color 0.4s ease-out;
  353. }
  354.  
  355. .entry {
  356. margin: 2px;
  357. padding: 3px;
  358. padding-bottom:2px;
  359. float:right;
  360. text-align: right;
  361. font-family: 'Happy Monkey', cursive;
  362. font-size: 11px;
  363. line-height:11px;
  364. {block:IndexPage}
  365. width:250px;
  366. {/block:IndexPage}
  367. {block:PermalinkPage}
  368. width:600px;
  369. margin-left:200px;
  370. {/block:PermalinkPage}
  371. }
  372.  
  373. #posts {
  374. width:852px;
  375. margin-top:170px;
  376. float:left;
  377. font-family: 'Happy Monkey', cursive;
  378. margin-left:150px;
  379. }
  380.  
  381.  
  382.  
  383. .textperma{
  384. display: block;
  385. font-family: 'Happy Monkey', cursive;
  386. font-size: 11px;
  387. line-height:11px;
  388. text-transform: lowercase;
  389. text-align: right;
  390. padding: 0px;
  391. margin: 2px;
  392. }
  393.  
  394. .title{
  395. font-family: 'Raleway', cursive;
  396. font-size: 20px;
  397. line-height: 15px;
  398. color: black;
  399. font-weight: none;
  400. }
  401.  
  402. .sidebar {
  403. font-size: 15px;
  404. width:832px;
  405. background-color:white;
  406. z-index:5;
  407. margin-right:auto;
  408. margin-left:auto;
  409. text-align:center;
  410. display:block;
  411. position:fixed;
  412. margin-bottom:25px;
  413. opacity:0.80;
  414. padding-top:10px;padding-bottom:10px;
  415. border-bottom:1px solid #ffffff;}
  416.  
  417. .sidebar:hover {
  418. opacity:1.0;}
  419.  
  420. .chloe{
  421. {block:indexpage}width:250px;margin:5px;font-size:{text:post font size}px;font-color:{color:text};{/block:indexpage}{block:permalinkpage}width:540px;{/block:permalinkpage} float:left; position:relative; }}
  422.  
  423. .chloe img {
  424. opacity: 1;
  425. filter:alpha(opacity=20);
  426. -moz-opacity: 0.2;
  427. -webkit-transition: all 0.9s ease;
  428. -moz-transition: all 0.9s ease;
  429. -o-transition: all 0.9s ease;{block:indexpage}width:250px;{/block:indexpage}}
  430.  
  431. .chloe img:hover {
  432. opacity: .85;
  433. filter:alpha(opacity=100);
  434. -moz-opacity: 1;
  435. -webkit-transition: all 0.9s ease;
  436. -moz-transition: all 0.9s ease;
  437. -o-transition: all 0.9s ease;{block:indexpage}width:250px;{/block:indexpage}
  438. }
  439.  
  440. .blogtitle{
  441. color: #4996c4;
  442. font-size:40px;
  443. font-family: 'Raleway', cursive;
  444. cursor:default;
  445. line-height: 50px;
  446. bottom:200px;
  447. }
  448.  
  449. </style>
  450.  
  451. {block:IndexPage}
  452. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  453. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  454.  
  455. <script type="text/javascript">
  456. $(window).load(function () {
  457. var $content = $('#posts');
  458. $content.masonry({itemSelector: '.entry'}),
  459. $content.infinitescroll({
  460. navSelector : 'div#pagination',
  461. nextSelector : 'div#pagination a#nextPage',
  462. itemSelector : '.entry',
  463. loading: {
  464. finishedMsg: '',
  465. img: 'http://500px.com/unity/img/spinners/loader-small.gif'
  466. },
  467. bufferPx : 600,
  468. debug : false,
  469. },
  470. // call masonry as a callback.
  471. function( newElements ) {
  472. var $newElems = $( newElements );
  473. $newElems.hide();
  474. // ensure that images load before adding to masonry layout
  475. $newElems.imagesLoaded(function(){
  476. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  477.  
  478.  
  479. });
  480. });
  481. });
  482. </script>
  483.  
  484.  
  485.  
  486. {/block:IndexPage}
  487.  
  488. <title>{title}</title>
  489.  
  490. <link rel="shortcut icon" href="{Favicon}">
  491. <meta name="viewport" content="width=820" />
  492.  
  493. <script type="text/javascript">
  494. window.onload= loaded;
  495. function loaded()
  496. {
  497. alert('crave-bliss, a-quafleur and paissley will be looking after my blog for 2 weeks. :)');
  498. }
  499. </script>
  500.  
  501. </head>
  502.  
  503. <script type="text/javascript">
  504. // <![CDATA[
  505. var speed=100; // speed of wobbling, lower is faster
  506. var height=3; // height of wobbling in pixels
  507. var alink=""; // page to link text to (set to ="" for no link)
  508.  
  509. /****************************
  510. * Wobbly Text Effect *
  511. *(c) 2003-6 mf2fm web-design*
  512. * http://www.mf2fm.com/rv *
  513. * DON'T EDIT BELOW THIS BOX *
  514. ****************************/
  515. var wobtxt, wobble, wobcnt=0;
  516. window.onload=function() { if (document.getElementById) {
  517. var i, wobli;
  518. wobble=document.getElementById("wobble");
  519. wobtxt=wobble.firstChild.nodeValue;
  520. while (wobble.childNodes.length) wobble.removeChild(wobble.childNodes[0]);
  521. for (i=0; i<wobtxt.length; i++) {
  522. wobli=document.createElement("span");
  523. wobli.setAttribute("id", "wobb"+i);
  524. wobli.style.position="relative";
  525. wobli.appendChild(document.createTextNode(wobtxt.charAt(i)));
  526. if (alink) {
  527. wobli.style.cursor="pointer";
  528. wobli.onclick=function() { top.location.href=alink; }
  529. }
  530. wobble.appendChild(wobli);
  531. }
  532. setInterval("wobbler()", speed);
  533. }}
  534.  
  535. function wobbler() {
  536. for (var i=0; i<wobtxt.length; i++) document.getElementById("wobb"+i).style.top=Math.round(height*Math.sin(i+wobcnt))+"px"
  537. wobcnt++;
  538. }
  539. // ]]>
  540. </script>
  541.  
  542. <body>
  543.  
  544.  
  545.  
  546. <script language=JavaScript>
  547. <!--
  548.  
  549. //Disable right mouse click Script
  550. //By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
  551. //For full source code, visit http://www.dynamicdrive.com
  552.  
  553. var message="Function Disabled!";
  554.  
  555. ///////////////////////////////////
  556. function clickIE4(){
  557. if (event.button==2){
  558. alert(message);
  559. return false;
  560. }
  561. }
  562.  
  563. function clickNS4(e){
  564. if (document.layers||document.getElementById&&!document.all){
  565. if (e.which==2||e.which==3){
  566. alert(message);
  567. return false;
  568. }
  569. }
  570. }
  571.  
  572. if (document.layers){
  573. document.captureEvents(Event.MOUSEDOWN);
  574. document.onmousedown=clickNS4;
  575. }
  576. else if (document.all&&!document.getElementById){
  577. document.onmousedown=clickIE4;
  578. }
  579.  
  580. document.oncontextmenu=new Function("return false")
  581.  
  582. // -->
  583. </script>
  584. <div class="wrapper">
  585. <div class="sidebar">
  586. <a href="/"><h4><center>{block:IfHeaderImage}<img src="{image:Header}" width="500">{/block:IfHeaderImage}{block:IfNotHeaderImage}<center><div class="blogtitle">{title}</div></center>{/block:IfNotHeaderImage}</center></h4></a>
  587.  
  588. <div class="death">
  589. <div align="center">
  590. {description}<p>
  591. <a href="/">home</a>&nbsp;•&nbsp;
  592. <a href="/ask">message</a>&nbsp;•&nbsp;
  593. <a href="/archive">archive</a>&nbsp;•&nbsp;
  594. <a href="http://naturalblisse.tumblr.com/">theme</a>
  595. </div>
  596. </div>
  597. </div>
  598. </div>
  599. </div>
  600. </div></center>
  601. <div class="content">
  602.  
  603. <div class="left">
  604.  
  605. <div id="posts">
  606.  
  607. {block:Posts}
  608. <div class="entry">
  609. <center>{block:Text}
  610. {block:Title}<span class="title">{Title}</span>{/block:Title}
  611. <span class="text">{Body}</span></a>
  612. {block:IndexPage}
  613. <div class="textperma"><a href="{Permalink}">{NoteCount}</a> ☯ <a href="{ReblogURL}" target="_blank">recycle</a></span></a></div>
  614. {/block:IndexPage}
  615. {/block:Text}</center>
  616.  
  617. <center>{block:Link}
  618. <a href="{URL}" class="title">&rarr; {Name}</a>
  619. {block:Description}{Description}{/block:Description}
  620. {block:IndexPage}
  621. <div class="textperma"><a href="{Permalink}">{NoteCount}</a> ☯ <a href="{ReblogURL}" target="_blank">recycle</a></span></a></div>
  622. {/block:IndexPage}
  623. {block:Link}</center>
  624.  
  625. <center>{block:Photo}
  626. {block:IndexPage}{LinkOpenTag}<div class="chloe"><a href="{permalink}"><div class="photo"><a><a href="{permalink}"><img class="photo"
  627. src="{PhotoURL-HighRes}" alt="{PhotoAlt}"
  628. width="250"/></a></div>{LinkCloseTag}{/block:IndexPage}
  629. {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}"><img
  630. class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"
  631. width="510"/></a>{LinkCloseTag}</div>
  632. {/block:PermalinkPage}
  633. {block:IndexPage}<div class="assailant">
  634. <span class="countreblog"><a href="{Permalink}" target="_blank">{NoteCount}</a></span>&nbsp;☯&nbsp;<a href="{ReblogURL}">RECYCLE</a></div>
  635. {/block:indexpage}
  636. {/block:Photo}</center>
  637.  
  638. <center>{block:Photoset}{Photoset-400}</center></span>{/block:Photoset}</center>
  639.  
  640. <center>{block:Quote}
  641. <span class="title">{Quote}</span><br />
  642. {block:Source}{Source}{/block:Source}
  643. {block:IndexPage}
  644. <br /><div class="textperma"><a href="{Permalink}">{NoteCount}</a> ☯ <a href="{ReblogURL}" target="_blank">recycle</a></span></a></div>
  645. {/block:IndexPage}
  646. {/block:Quote}</center>
  647.  
  648. <center>{block:Chat}
  649. {block:Title}<span class="title">{Title}</span>{/block:Title}
  650. <ul class="chat">
  651. {block:Lines}
  652. <li class="user_{UserNumber}">
  653. {block:Label}
  654. <span class="label">{Label}</span>
  655. {/block:Label}
  656.  
  657. {Line}
  658. </li>
  659. {/block:Lines}
  660. </ul>
  661. {block:IndexPage}
  662. <div class="textperma"><a href="{Permalink}">{NoteCount}</a> ☯ <a href="{ReblogURL}" target="_blank">recycle</a></span></a></div>
  663. {/block:IndexPage}
  664. {/block:Chat}</center>
  665.  
  666. <center>{block:Audio}
  667. <div style="width:250px; height:20px;"><div style="float:left">{AudioPlayerWhite}</div><div style="margin-top:8px; float:left;"><small>
  668. {FormattedPlayCount} plays</small></div></div><br>
  669. {block:Caption}{Caption}{/block:Caption}
  670. {block:IndexPage}
  671. <div class="textperma"><a href="{Permalink}">{NoteCount}</a> ☯ <a href="{ReblogURL}" target="_blank">recycle</a></span></a></div>
  672. {/block:IndexPage}
  673. {/block:Audio}</center>
  674.  
  675. <center>{block:Video}{block:IndexPage}
  676. <div class="permalink">
  677. <a href="{permalink}">{NoteCountWithLabel}</a> ☯ <a href="{ReblogURL}" target="_blank"> reblog </a> ☯ <a href="{permalink}">{TimeAgo}</a></span></div>{/block:IndexPage}
  678. <div class="videoperma">{Video-400}</div><BR>
  679. {block:Caption}{Caption}</a>{/block:Caption}</center>
  680. {/block:Video}</center>
  681.  
  682. {block:Answer}<div class="pagelinks"><b>{Asker} whispered:</b><br><br> {Question}<br><br> <b>I said:</b><br>{Answer}<div style="text-align:right;"><a href="{Permalink}">☯</a></div>{block:PermalinkPage}{/block:PermalinkPage}</div>{/block:Answer}
  683.  
  684. {block:PermalinkPage}
  685. {block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  686. {/block:PermalinkPage}
  687. <div style="text-align:left;">{block:PostNotes}{PostNotes}
  688. {/block:PostNotes}</div></div>
  689.  
  690.  
  691.  
  692. {/block:Posts}
  693. </div>
  694. </div>
  695. {block:IndexPage}
  696. {block:Pagination}
  697. <div id="pagination">
  698. {block:NextPage}
  699. <a id="nextPage" href="{NextPage}"></a>
  700. {/block:NextPage}
  701. {block:PreviousPage}
  702. <a href="{PreviousPage}"></a>
  703. {/block:PreviousPage}
  704. </div>
  705. {/block:Pagination}
  706. {/block:IndexPage}
  707. </div>
  708.  
  709.  
  710. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  711. <div style="display:block;bottom:5px;right:5px;font-size:21px;font-family:courier new;position:fixed;background-color:#ffffff;padding:4px;border-radius:5px;z-index:6;opacity:0.75;"><a href="http://naturalblisse.tumblr.com/">ℕ</a></div>
  712. </body>
  713.  
  714. </div>
  715. </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!