API tools faq
paste
Advertisement
ravenbestler

Theme 2

ravenbestler
Jan 4th, 2013
59
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.34 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Make sure that you change the posts to 15 posts per page or infinite scroll will not work.
  3. -->
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7. <head>
  8.  
  9. <meta name="color:Body font" content="#000000"/>
  10. <meta name="color:Links" content="#1700ff"/>
  11. <meta name="color:Link hover" content="#888888"/>
  12. <meta name="color:Background" content="#313131"/>
  13. <meta name="color:Content" content="#ffffff"/>
  14. <meta name="image:Background image" content=""/>
  15. <meta name="image:Sidebar photo" content=""/>
  16. <meta name="if:Show blog title" content="1"/>
  17. <meta name="if:Show links" content="1"/>
  18. <meta name="if:Show sidebar photo" content="1"/>
  19. <meta name="if:Rainbow hover links" content="1"/>
  20.  
  21. <meta name="text:Link 1 URL" content="" />
  22. <meta name="text:Link 1 title" content="Link 1" />
  23. <meta name="text:Link 2 URL" content="" />
  24. <meta name="text:Link 2 title" content="Link 2" />
  25. <meta name="text:Link 3 URL" content="" />
  26. <meta name="text:Link 3 title" content="Link 3" />
  27. <meta name="text:Link 4 URL" content="" />
  28. <meta name="text:Link 4 title" content="Link 4" />
  29. <meta name="text:Link 5 URL" content="" />
  30. <meta name="text:Link 5 title" content="Link 5" />
  31.  
  32. <title>Title goes here</title>
  33.  
  34. <link rel="stylesheet" href="http://static.tumblr.com/tak5d5w/raDlsuinn/quicksandfonts.css" type="text/css" charset="utf-8">
  35.  
  36. <link href='http://fonts.googleapis.com/css?family=Asap|Share' rel='stylesheet' type='text/css'>
  37.  
  38. <link href='http://fonts.googleapis.com/css?family=Tulpen+One' rel='stylesheet' type='text/css'>
  39.  
  40. <link href='http://fonts.googleapis.com/css?family=Actor|Schoolbell|Neucha|Antic|Gloria+Hallelujah|Palatino+Linotype|Indie+Flower|Lekton|Megrim' rel='stylesheet' type='text/css'>
  41.  
  42. <link rel="shortcut icon" href="{Favicon}">{block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}</script><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script><link rel="stylesheet" type="text/css"href="http://static.tumblr.com/cpaytv3/nKOlyumhg/reset.css">
  43.  
  44. {block:ifRainbowhoverlinks}<script src="http://static.tumblr.com/uiqhh9x/6SMm4pws7/rainbow.js" type="text/javascript"></script>{/block:ifRainbowhoverlinks}
  45.  
  46. <style type="text/css">
  47. img{
  48. -webkit-filter: -webkit-filter: blur(9px) saturate(2.1);(0%);
  49. }
  50. img:hover{
  51. -webkit-transition: 0.8s ease-in; -moz-transition: 1s ease-in; transition: 1s ease-in;
  52. -webkit-filter: blur(9px) saturate(2.1);(80%);
  53. z-index: -9999999999999999999999999px;
  54. }
  55.  
  56. body {
  57. color: {color:Body font};
  58. background-color:{color:Background};
  59. background-image: url({image:Background image});
  60. background-attachment: fixed;
  61. background-repeat: repeat;
  62. line-height: 110%;
  63. font-size: 11px;
  64. font-family:
  65. 'short';
  66. }
  67.  
  68.  
  69. a {
  70. -webkit-transition: color 0.3s ease-out;
  71. -moz-transition: color 0.3s ease-out;
  72. transition: color 0.3s ease-out;
  73. color:{color:Links};
  74. text-decoration: none;
  75. }
  76.  
  77. a:link, a:active, a:visited {
  78. color:{color:Links};
  79. text-decoration: none;
  80. -webkit-transition: color 0.3s ease-out;
  81. -moz-transition: color 0.3s ease-out;
  82. transition: color 0.3s ease-out;
  83. }
  84.  
  85. a:hover {
  86. color:{color:Link hover};
  87. text-decoration: none;
  88. text-shadow: 0 0 3px #888;
  89. -webkit-transition: all 0.3s ease-out;
  90. -moz-transition: all 0.3s ease-out;
  91. transition: all 0.3s ease-out;
  92. }
  93.  
  94.  
  95. ::-webkit-scrollbar-thumb:vertical {
  96. background-color:{color:Links};
  97. height:auto;
  98. -webkit-border-radius:6px;
  99. }
  100.  
  101.  
  102. ::-webkit-scrollbar-thumb:horizontal {
  103. background-color:{color:Links};
  104. height:6px;
  105. -webkit-border-radius:6px;
  106. }
  107.  
  108. ::-webkit-scrollbar {
  109. height:8px;
  110. width:8px;
  111. background-color:{color:Background};
  112. -webkit-border-radius:6px;
  113. }
  114.  
  115. @font-face {font-family: 'bebas'; src: url('http://static.tumblr.com/9nfl7hr/HjHm628ni/bebasneue.otf'); }
  116.  
  117.  
  118.  
  119. {megrim}
  120.  
  121. {tulpen one}
  122.  
  123. {share}
  124.  
  125. {quicksand}
  126.  
  127. #content {
  128. width: 1230px;
  129. float: left;
  130. padding-top:5px;
  131. }
  132.  
  133. #contain {
  134. width: 1300px;
  135. margin: 0px auto;
  136. }
  137.  
  138. #sidebar {
  139. text-align:center;
  140. background-color:{color:Content};
  141. padding:5px;
  142. width:250px;
  143. margin-left:1040px;
  144. position:fixed;
  145. margin-top:50px;
  146. }
  147.  
  148. #header { z-index:999999999999;
  149. text-align:center; margin-top:9px;
  150. background-color:{color:Content};
  151. padding:10px;
  152. margin-left:6px;
  153. margin-top:16px;
  154. width:1007px; margin-bottom:13px;
  155. }
  156.  
  157. .description {
  158. }
  159.  
  160. .entry {
  161. border:0px solid {color:Body font};
  162. float: left;
  163. overflow:hidden;
  164. display: block;
  165. background-color:{color:Content};
  166. padding: 0px;
  167. margin-bottom: 6px;
  168. margin-left: 6px;
  169. {block:IndexPage}
  170. width: 250px;
  171. {/block:IndexPage}
  172. {block:PermalinkPage}
  173. width: 840px;
  174. {/block:PermalinkPage}
  175. }
  176.  
  177. .entry img {
  178. {block:indexpage}max-width:250px;{/block:indexpage}
  179. display: block;
  180. -webkit-transition: all 0.3s ease-out;
  181. -moz-transition: all 0.3s ease-out;
  182. transition: all 0.3s ease-out;}
  183.  
  184. .entry:hover img {
  185. -webkit-transition: all 0.3s ease-out;
  186. -moz-transition: all 0.3s ease-out;
  187. transition: all 0.3s ease-out;
  188. }
  189.  
  190. .text {
  191. background-color:{color:Content};
  192. padding: 5px;
  193. -webkit-transition: all 0.3s ease-out;
  194. -moz-transition: all 0.3s ease-out;
  195. transition: all 0.3s ease-out;
  196. }
  197.  
  198.  
  199. h3 {
  200. font-family: 'bebas';
  201. font-size: 22px;
  202. line-height: 100%;
  203. letter-spacing:-1px;
  204. }
  205.  
  206. .title {
  207. font-family: 'bebas';
  208. font-size: 19px;
  209. letter-spacing:-1px;
  210. line-height: 100%;
  211. }
  212.  
  213. .blogtitle {
  214. margin-top:0px;
  215. margin-bottom:0px;
  216. }
  217.  
  218. .blogtitle a {
  219. font-family: 'bebas';
  220. font-size: 30px;
  221. letter-spacing:-3px;
  222. text-transform:none;
  223. line-height: 100%;
  224. color: {color:Links};
  225. -webkit-transition: color 0.3s ease-out;
  226. -moz-transition: color 0.3s ease-out;
  227. transition: color 0.3s ease-out;
  228. }
  229.  
  230. .blogtitle a:hover {
  231. color:{color:Link hover};
  232. -webkit-transition: all 0.3s ease-out;
  233. -moz-transition: all 0.3s ease-out;
  234. transition: all 0.3s ease-out;
  235. }
  236.  
  237.  
  238.  
  239. .links { text-align:center; }
  240.  
  241. .links a { margin-left:3px; margin-right:3px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
  242.  
  243. .links a:hover {
  244. -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
  245. }
  246.  
  247.  
  248. .perma {box-shadow: 0 0 43px {color:Body font}; width:250px; background-color:{color:Content}; padding-top:4px;padding-bottom:4px; margin-top: 1.1%;
  249. opacity:0;
  250. height:12px; overflow:hidden;
  251. position:absolute;
  252. text-align: center;
  253. -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
  254. text-transform:lowercase;
  255. z-index:9;
  256. }
  257.  
  258. .entry:hover .perma {
  259. -webkit-transition: opacity 0.4s linear;
  260. opacity: .9;
  261. -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
  262. -moz-transition: all 0.4s linear;
  263. transition: all 0.4s linear;
  264. filter: alpha(opacity = 100);
  265. }
  266.  
  267. .entry:hover .perma:hover {
  268. -webkit-transition: opacity 0.4s linear;
  269. opacity: 1;
  270. -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
  271. -moz-transition: all 0.4s linear;
  272. transition: all 0.4s linear;
  273. filter: alpha(opacity = 100);
  274. }
  275.  
  276.  
  277.  
  278.  
  279. ol.notes {
  280. padding: 0px;
  281. margin: 0px 0px;
  282. list-style-type: none;
  283. border-bottom: solid 1px #ccc;
  284. }
  285.  
  286. ol.notes li.note {
  287. padding: 2px;
  288. }
  289.  
  290. ol.notes li.note img.avatar {
  291. vertical-align: -4px;
  292. margin-right: 10px;
  293. width: 16px;
  294. height: 16px;
  295. }
  296.  
  297. ol.notes li.note span.action {
  298. font-weight: bold;
  299. }
  300.  
  301. ol.notes li.note .answer_content {
  302. font-weight: normal;
  303. }
  304.  
  305. ol.notes li.note blockquote {
  306. border-color: #eee;
  307. padding: 4px 10px;
  308. margin: 10px 0px 0px 25px;
  309. }
  310.  
  311. ol.notes li.note blockquote a {
  312. text-decoration: none;
  313. }
  314.  
  315.  
  316. #pagination {
  317. display:none;
  318. }
  319. blockquote, q {
  320. quotes: "«" "»" "'" "'";
  321. padding: 3px;
  322. margin: 0px 5px;
  323. border-left: solid #7d7d7d 2px;
  324. }
  325. .ask {
  326. align:right;
  327. background: #d5d0d0;
  328. margin:6px 0px 5px 66px;
  329. padding:10px;
  330. position: relative;
  331. -moz-border-radius:5px;
  332. -webkit-border-radius:5px;
  333. border-radius:5px;
  334. }
  335. .ask p {
  336. margin:1px 0px;
  337. }
  338. .ask span {
  339. display:block;
  340. position:absolute;
  341. width:1px;
  342. height:1px;
  343. font-size: 0;
  344. line-height: 1px;
  345. left:-10px;
  346. top:10px;
  347. border-top:7px solid transparent;
  348. border-bottom:7px solid transparent;
  349. border-right:10px solid #d5d0d0;
  350. }
  351. .askborder {
  352. float: left;
  353. margin: 1px 4px 0 0;
  354. padding: 2px;
  355. background: #f7f7f7;
  356. }
  357. #fade { /*--Transparent background layer--*/
  358. display: none; /*--hidden by default--*/
  359. background: #000;
  360. position: fixed; left: 0; top: 0;
  361. width: 100%; height: 100%;
  362. opacity: .80;
  363. z-index: 9999;
  364. }
  365.  
  366. </style>
  367. <script type="text/javascript">
  368. // <![CDATA[
  369. var colour="#000000";
  370. var sparkles=120;
  371.  
  372. /****************************
  373. * Tinkerbell Magic Sparkle *
  374. * (c) 2005 mf2fm web-design *
  375. * http://www.mf2fm.com/rv *
  376. * DON'T EDIT BELOW THIS BOX *
  377. ****************************/
  378. var x=ox=400;
  379. var y=oy=300;
  380. var swide=800;
  381. var shigh=600;
  382. var sleft=sdown=0;
  383. var tiny=new Array();
  384. var star=new Array();
  385. var starv=new Array();
  386. var starx=new Array();
  387. var stary=new Array();
  388. var tinyx=new Array();
  389. var tinyy=new Array();
  390. var tinyv=new Array();
  391.  
  392. window.onload=function() { if (document.getElementById) {
  393. var i, rats, rlef, rdow;
  394. for (var i=0; i<sparkles; i++) {
  395. var rats=createDiv(3, 3);
  396. rats.style.visibility="hidden";
  397. document.body.appendChild(tiny[i]=rats);
  398. starv[i]=0;
  399. tinyv[i]=0;
  400. var rats=createDiv(5, 5);
  401. rats.style.backgroundColor="transparent";
  402. rats.style.visibility="hidden";
  403. var rlef=createDiv(1, 5);
  404. var rdow=createDiv(5, 1);
  405. rats.appendChild(rlef);
  406. rats.appendChild(rdow);
  407. rlef.style.top="2px";
  408. rlef.style.left="0px";
  409. rdow.style.top="0px";
  410. rdow.style.left="2px";
  411. document.body.appendChild(star[i]=rats);
  412. }
  413. set_width();
  414. sparkle();
  415. }}
  416.  
  417. function sparkle() {
  418. var c;
  419. if (x!=ox || y!=oy) {
  420. ox=x;
  421. oy=y;
  422. for (c=0; c<sparkles; c++) if (!starv[c]) {
  423. star[c].style.left=(starx[c]=x)+"px";
  424. star[c].style.top=(stary[c]=y)+"px";
  425. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  426. star[c].style.visibility="visible";
  427. starv[c]=50;
  428. break;
  429. }
  430. }
  431. for (c=0; c<sparkles; c++) {
  432. if (starv[c]) update_star(c);
  433. if (tinyv[c]) update_tiny(c);
  434. }
  435. setTimeout("sparkle()", 40);
  436. }
  437.  
  438. function update_star(i) {
  439. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  440. if (starv[i]) {
  441. stary[i]+=1+Math.random()*3;
  442. if (stary[i]<shigh+sdown) {
  443. star[i].style.top=stary[i]+"px";
  444. starx[i]+=(i%5-2)/5;
  445. star[i].style.left=starx[i]+"px";
  446. }
  447. else {
  448. star[i].style.visibility="hidden";
  449. starv[i]=0;
  450. return;
  451. }
  452. }
  453. else {
  454. tinyv[i]=50;
  455. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  456. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  457. tiny[i].style.width="2px";
  458. tiny[i].style.height="2px";
  459. star[i].style.visibility="hidden";
  460. tiny[i].style.visibility="visible"
  461. }
  462. }
  463.  
  464. function update_tiny(i) {
  465. if (--tinyv[i]==25) {
  466. tiny[i].style.width="1px";
  467. tiny[i].style.height="1px";
  468. }
  469. if (tinyv[i]) {
  470. tinyy[i]+=1+Math.random()*3;
  471. if (tinyy[i]<shigh+sdown) {
  472. tiny[i].style.top=tinyy[i]+"px";
  473. tinyx[i]+=(i%5-2)/5;
  474. tiny[i].style.left=tinyx[i]+"px";
  475. }
  476. else {
  477. tiny[i].style.visibility="hidden";
  478. tinyv[i]=0;
  479. return;
  480. }
  481. }
  482. else tiny[i].style.visibility="hidden";
  483. }
  484.  
  485. document.onmousemove=mouse;
  486. function mouse(e) {
  487. set_scroll();
  488. y=(e)?e.pageY:event.y+sdown;
  489. x=(e)?e.pageX:event.x+sleft;
  490. }
  491.  
  492. function set_scroll() {
  493. if (typeof(self.pageYOffset)=="number") {
  494. sdown=self.pageYOffset;
  495. sleft=self.pageXOffset;
  496. }
  497. else if (document.body.scrollTop || document.body.scrollLeft) {
  498. sdown=document.body.scrollTop;
  499. sleft=document.body.scrollLeft;
  500. }
  501. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  502. sleft=document.documentElement.scrollLeft;
  503. sdown=document.documentElement.scrollTop;
  504. }
  505. else {
  506. sdown=0;
  507. sleft=0;
  508. }
  509. }
  510.  
  511. window.onresize=set_width;
  512. function set_width() {
  513. if (typeof(self.innerWidth)=="number") {
  514. swide=self.innerWidth;
  515. shigh=self.innerHeight;
  516. }
  517. else if (document.documentElement && document.documentElement.clientWidth) {
  518. swide=document.documentElement.clientWidth;
  519. shigh=document.documentElement.clientHeight;
  520. }
  521. else if (document.body.clientWidth) {
  522. swide=document.body.clientWidth;
  523. shigh=document.body.clientHeight;
  524. }
  525. }
  526.  
  527. function createDiv(height, width) {
  528. var div=document.createElement("div");
  529. div.style.position="absolute";
  530. div.style.height=height+"px";
  531. div.style.width=width+"px";
  532. div.style.overflow="hidden";
  533. div.style.backgroundColor=colour;
  534. return (div);
  535. }
  536. // ]]>
  537. </script>
  538.  
  539.  
  540. </head>
  541.  
  542. <body>
  543. <script language=JavaScript>
  544. <!--
  545.  
  546. //Disable right mouse click Script
  547. //By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
  548. //For full source code, visit http://www.dynamicdrive.com
  549.  
  550. var message="Sorry can't do that";
  551.  
  552. ///////////////////////////////////
  553. function clickIE4(){
  554. if (event.button==2){
  555. alert(message);
  556. return false;
  557. }
  558. }
  559.  
  560. function clickNS4(e){
  561. if (document.layers||document.getElementById&&!document.all){
  562. if (e.which==2||e.which==3){
  563. alert(message);
  564. return false;
  565. }
  566. }
  567. }
  568.  
  569. if (document.layers){
  570. document.captureEvents(Event.MOUSEDOWN);
  571. document.onmousedown=clickNS4;
  572. }
  573. else if (document.all&&!document.getElementById){
  574. document.onmousedown=clickIE4;
  575. }
  576.  
  577. document.oncontextmenu=new Function("alert(message);return false")
  578.  
  579. // -->
  580. </script>
  581. <div id="contain">
  582. <div id="sidebar">
  583.  
  584.  
  585. {block:ifShowsidebarphoto}
  586. <a href="/">
  587. <img src="{image:Sidebar photo}" width="250"/>
  588. </a>
  589. {/block:ifShowsidebarphoto}
  590.  
  591.  
  592. <div class="description">{Description}</div>
  593.  
  594.  
  595.  
  596. </div>
  597. <div id="header">
  598.  
  599. {block:ifShowblogtitle}
  600. <div class="blogtitle">
  601. <a href="/">
  602. {Title}
  603. </a>
  604. </div>
  605. {/block:IfShowblogtitle}
  606.  
  607.  
  608.  
  609.  
  610. {block:ifShowlinks}
  611. <div class="links">
  612.  
  613. <a href="/">Home</a>
  614.  
  615. {block:AskEnabled}<a href="/ask">Ask</a>{/block:AskEnabled}
  616.  
  617. {block:SubmissionsEnabled}<a href="/submit">Submit</a>{/block:SubmissionsEnabled}
  618.  
  619. {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  620.  
  621. {block:ifLink1URL}<a href="{text:Link 1 URL}">{text:Link 1 title}</a>{/block:ifLink1URL}
  622.  
  623. {block:ifLink2URL}<a href="{text:Link 2 URL}">{text:Link 2 title}</a>{/block:ifLink2URL}
  624.  
  625. {block:ifLink3URL}<a href="{text:Link 3 URL}">{text:Link 3 title}</a>{/block:ifLink3URL}
  626.  
  627. {block:ifLink4URL}<a href="{text:Link 4 URL}">{text:Link 4 title}</a>{/block:ifLink4URL}
  628.  
  629. {block:ifLink5URL}<a href="{text:Link 5 URL}">{text:Link 5 title}</a>{/block:ifLink5URL}
  630.  
  631. <a href="http://ravenbestler.tumblr.com"”>Credit</a>
  632.  
  633. </div>{/block:ifShowlinks}
  634.  
  635.  
  636. </div>
  637.  
  638. <div id="content">
  639.  
  640. {block:Posts}
  641.  
  642. <div class="entry">
  643.  
  644. {block:Text}
  645. {block:IndexPage}
  646. <div class="perma"><a href="{permalink}">{timeago}</a> · <a href="{permalink}">{notecount} notes</a> · <a href="{reblogurl}">Pass Along</a>
  647. </div>
  648. {/block:IndexPage}
  649. <div class="text">
  650. {block:Title}
  651. <div class="title"> <a href="{Permalink}">{Title}</a></div>
  652. {/block:Title}
  653. {Body}
  654.  
  655. </div>
  656. {/block:Text}
  657.  
  658.  
  659.  
  660.  
  661. {block:Photo}
  662. {block:IndexPage}
  663. <div class="perma"><a href="{permalink}">{timeago}</a> · <a href="{permalink}">{notecount} notes</a> · <a href="{reblogurl}">Pass Along</a>
  664. </div>
  665. {/block:IndexPage}
  666. {block:indexpage}
  667. <img src="{PhotoURL-HighRes}" width="100%"/>
  668. {/block:Indexpage}
  669. {block:Permalinkpage}
  670. <a href="{PhotoURL-HighRes}"><img src="{PhotoURL-HighRes}" width="100%" style="-webkit-box-shadow: 3px 14px 5px rgba(0,0,0,0.3);
  671. -moz-box-shadow: 3px 14px 5px rgba(0,0,0,0.3);
  672. box-shadow: 1px 2px 3px rgba(0,0,0,0.3);"/></a>
  673. {/block:Permalinkpage}
  674. {/block:Photo}
  675.  
  676.  
  677.  
  678.  
  679. {block:Photoset}
  680. {block:IndexPage}
  681. <div class="perma"><a href="{permalink}">{timeago}</a> · <a href="{permalink}">{notecount} notes</a> · <a href="{reblogurl}">Pass Along</a>
  682. </div>
  683. {/block:IndexPage}
  684. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  685. {block:permalinkpage}
  686. {Photoset-700}
  687. {/block:permalinkpage}
  688. {/block:Photoset}
  689.  
  690.  
  691.  
  692.  
  693. {block:Quote}
  694. {block:IndexPage}
  695. <div class="perma"><a href="{permalink}">{timeago}</a> · <a href="{permalink}">{notecount} notes</a> · <a href="{reblogurl}">Pass Along</a>
  696. </div>
  697. {/block:IndexPage}
  698. <div class="text">
  699. <div class="title"> "{Quote}" </div>
  700. {block:Source}
  701. <div style="text-align:right">- {Source}</div>
  702. {/block:Source}
  703. </div>{/block:Quote}
  704.  
  705.  
  706.  
  707.  
  708. {block:Link}
  709. {block:IndexPage}
  710. <div class="perma"><a href="{permalink}">{timeago}</a> · <a href="{permalink}">{notecount} notes</a> · <a href="{reblogurl}">Pass Along</a>
  711. </div>
  712. {/block:IndexPage}
  713. <div class="text">
  714. <div class="title"><a href="{URL}" class="link" {Target}>{Name}&nbsp;&nbsp;»</a> </div>
  715. {block:Description}
  716. <div class="description">{Description}</div>
  717. {/block:Description}
  718. <p>
  719. </div>{/block:Link}
  720.  
  721.  
  722.  
  723.  
  724. {block:Chat}
  725. {block:IndexPage}
  726. <div class="perma"><a href="{permalink}">{timeago}</a> · <a href="{permalink}">{notecount} notes</a> · <a href="{reblogurl}">Pass Along</a>
  727. </div>
  728. {/block:IndexPage}
  729. <div class="text">
  730. {block:Title}
  731. <div class="title"><a href="{Permalink}">{Title}</a></div>
  732. {/block:Title}
  733. {block:Lines}
  734. <ul><b>{block:Label}{Label}</b>{/block:Label}
  735. {Line} </ul>
  736. {/block:Lines}
  737. </div>{/block:Chat}
  738.  
  739.  
  740.  
  741.  
  742. {block:Video}
  743. {block:IndexPage}
  744. <div class="perma"><a href="{permalink}">{timeago}</a> · <a href="{permalink}">{notecount} notes</a> · <a href="{reblogurl}">Pass Along</a>
  745. </div>
  746. {/block:IndexPage}
  747. {block:IndexPage}{Video-250}{/block:IndexPage}
  748. {block:permalinkpage}
  749. {Video-700}
  750. {/block:permalinkpage}
  751. {/block:Video}
  752.  
  753.  
  754.  
  755.  
  756. {block:Audio}
  757. {block:IndexPage}
  758. <div class="perma"><a href="{permalink}">{timeago}</a> · <a href="{permalink}">{notecount} notes</a> · <a href="{reblogurl}">Pass Along</a>
  759. </div>
  760. {/block:IndexPage}
  761. <div class="text">
  762. {AudioPlayerGrey}
  763. {block:Caption}
  764. {Caption}
  765. {/block:Caption}
  766. </div>{/block:Audio}
  767.  
  768.  
  769.  
  770.  
  771. {block:Answer}
  772. {block:IndexPage}
  773. <div class="perma"><a href="{permalink}">{timeago}</a> · <a href="{permalink}">{notecount} notes</a>
  774. </div>
  775. {/block:IndexPage}
  776. <img src="{AskerPortraitURL-48}" align="left" class="askborder"><div class="ask"><span></span>{Asker}: {Question}&nbsp;</div>{Answer}
  777. {/block:Answer}
  778.  
  779.  
  780. {block:PermalinkPage}<br>
  781. {block:Date}
  782. {block:Caption}{Caption}{/block:Caption}<br><hr>
  783. <center>
  784. Posted {TimeAgo} at {12HourWithZero}:{Minutes}{AmPm} {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}{block:HasTags} & tagged as: {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  785. {/block:Date}</div><br><br>{block:PostNotes}{PostNotes}{/block:PostNotes}
  786. {/block:PermalinkPage}
  787.  
  788. </div>
  789.  
  790. {/block:Posts}
  791.  
  792. </div>
  793.  
  794. <div class="clear"></div>
  795. </div>
  796.  
  797. {block:Pagination}
  798. <ul id="pagination">
  799. {block:PreviousPage}
  800. <li><a href="{PreviousPage}"></a></li>
  801. {/block:PreviousPage}
  802. {block:JumpPagination length="5"}
  803. {block:CurrentPage}
  804. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  805. {/block:CurrentPage}
  806. {block:JumpPage}
  807. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  808. {/block:JumpPage}
  809. {/block:JumpPagination}
  810. {block:NextPage}
  811. <li><a id="nextPage" href="{NextPage}"></a></li>
  812. {/block:NextPage}
  813. </ul>
  814. {/block:Pagination}
  815. {block:IndexPage}
  816.  
  817. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  818.  
  819. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  820.  
  821. {block:IndexPage}
  822. <script type="text/javascript">
  823. $(window).load(function () {
  824. $('#content').masonry(),
  825. $('.masonryWrap').infinitescroll({
  826. navSelector : '#pagination',
  827. nextSelector : '#pagination a#nextPage',
  828. itemSelector : ".entry, .clear",
  829. bufferPx : 200,
  830. loadingText : "<em></em>",
  831. },
  832. function() { $('#content').masonry({ appendedContent: $(this) }); }
  833. );
  834. });
  835. </script>
  836. {/block:IndexPage}
  837.  
  838. </body>
  839. </div>
  840. </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!