API tools faq
paste
Advertisement
lifegonewild

deepest-dream / theme 5

lifegonewild
Dec 24th, 2012
260
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.75 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. <head>
  5.  
  6. <!--
  7. theme by http://dannyworsnop.tumblr.com/
  8. lol holla @ me
  9. IF YOU REMOVE CREDIT I WILL STAB YOU TO DEATH
  10. -->
  11.  
  12. <SCRIPT TYPE="text/javascript">
  13. //Disable right click script
  14. //visit http://www.rainbow.arch.scriptmania.com/scripts/
  15. var message="";
  16. ///////////////////////////////////
  17. function clickIE() {if (document.all) {(message);return false;}}
  18. function clickNS(e) {if
  19. (document.layers||(document.getElementById&&!document.all)) {
  20. if (e.which==2||e.which==3) {(message);return false;}}}
  21. if (document.layers)
  22. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  23. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  24. document.oncontextmenu=new Function("return false")
  25. </script>
  26.  
  27.  
  28. <meta name="color:text" content="#777"/>
  29. <meta name="color:link" content="#7faac9"/>
  30. <meta name="color:hover" content="#a3bdcf"/>
  31. <meta name="color:blockquote" content="#efefef"/>
  32. <meta name="color:border" content="#efefef"/>
  33. <meta name="color:background" content="#fafafa"/>
  34. <meta name="color:post background" content="#ffffff"/>
  35. <meta name="color:nav links" content="#777777"/>
  36. <meta name="color:nav links hover" content="#9b9b9b"/>
  37. <meta name="color:nav text" content="#ffffff"/>
  38. <meta name="image:background" content="0"/>
  39. <meta name="image:Link Bar" content="0"/>
  40. <meta name="if:faded images" content="0"/>
  41. <meta name="if:shadow" content="0"/>
  42. <meta name="text:Link 1 Title" content="link">
  43. <meta name="text:Link 1" content="http://">
  44. <meta name="text:Link 2 Title" content="link">
  45. <meta name="text:Link 2" content="http://">
  46.  
  47.  
  48. <title>{Title}{block:PostTitle} : {PostTitle}{/block:PostTitle}</title>
  49. <link rel="shortcut icon" href="{Favicon}">
  50. {block:Description}
  51. <meta name="description" content="{MetaDescription}"/>
  52. {/block:Description}
  53. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  54. <!--[if IE]>
  55. <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  56. <![endif]-->
  57.  
  58. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/fxpo5zq/XZum5p9k0/standard.css">
  59.  
  60. <style type="text/css">
  61.  
  62. @font-face { font-family: titulo; src: url('http://static.tumblr.com/vilw5yj/6l7ma3fqc/signerica_medium.ttf'); }
  63.  
  64. @font-face { font-family: corner; src: url('http://static.tumblr.com/vilw5yj/4igm9bv3f/barcodefont.ttf'); }
  65.  
  66. @font-face { font-family: pixie; src: url('http://static.tumblr.com/fxpo5zq/a8Em6bgnk/lekton-regular.ttf'); }
  67.  
  68. @font-face {font-family: "littlefont";src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');}
  69.  
  70.  
  71. html, body, {
  72.  
  73. font-family: consolas;
  74. font-size: 10px;
  75.  
  76.  
  77. }
  78. body {
  79. color: {color:text};
  80. background:{color:background}
  81. url({image:background});
  82. background-repeat: repeat;
  83. background-attachment: fixed;
  84. font-family: consolas;
  85. line-height:110%;
  86. font-size: 9px;
  87.  
  88. }
  89.  
  90.  
  91.  
  92. ::-webkit-scrollbar-thumb{
  93. background-color: {color:link};
  94. border: 2px solid {color:background};
  95. height:auto;
  96. -moz-border-radius: 10px;
  97. border-radius: 10px;
  98. }
  99.  
  100. ::-webkit-scrollbar {
  101. height:auto;
  102. width:9px;
  103. background-color: #999999;
  104. border: 4px solid {color:background};
  105. }
  106.  
  107.  
  108. #infscr-loading {
  109. position: absolute;
  110. bottom: 0;
  111. left: 25%;
  112. }
  113. a:link, a:active, a:visited{
  114.  
  115. color:{color:Link};
  116. text-decoration: none;
  117.  
  118. }
  119. a:hover {
  120. color:{color:Hover};
  121.  
  122. text-decoration: none;
  123. }
  124.  
  125.  
  126.  
  127.  
  128. #content {
  129. padding-top:0px;
  130. {block:indexpage}
  131. width:540px;
  132. float:left;
  133. margin-left:20px;
  134. padding-left:10px;
  135. {/block:indexpage}
  136.  
  137. {block:permalinkpage}
  138. width: 120px;
  139. {/block:permalinkpage}
  140. float: right;
  141. }
  142.  
  143.  
  144. #tumblr_controls{
  145. position:fixed !important;
  146. }
  147.  
  148. ::selection {
  149. background:#f1f1f1;
  150. color: {color:text};
  151. }
  152.  
  153. ::-moz-selection {
  154. background:#f1f1f1;
  155. color: {color:text};
  156. }
  157.  
  158.  
  159. #note3 {
  160. width: 500px;
  161. text-align:left;
  162. }
  163.  
  164. #contain {
  165.  
  166. {block:indexpage}
  167. width: 540px;
  168. margin-left:450px;
  169. margin-top:5px;
  170. {/block:indexpage}
  171.  
  172. {block:permalinkpage}
  173. width: 540px;
  174. margin-left:450px;
  175. margin-top:5px;
  176. {/block:permalinkpage}
  177.  
  178. height:100%;
  179. padding-left:10px;
  180. padding-right:10px;
  181. position: relative;
  182.  
  183. }
  184.  
  185. #sidebar {
  186. position:fixed;
  187. top:0px;
  188. margin-left:-200px;
  189. width:190px;
  190. height:100%;
  191. background-image:url({image:link bar});
  192. background-color:white;
  193. opacity:0.9;
  194. }
  195.  
  196. #credit{
  197. position:fixed !important;
  198. right:3px;
  199. top:26px;
  200. font-family: arial;
  201. font-size: 10px;
  202. line-height:12px;
  203. vertical-align: middle;
  204. overflow: hidden;
  205. padding:1px;
  206. -webkit-border-radius:2px;
  207. moz-border-radius:2px;
  208. -o-border-radius:2px;
  209. border-radius:2px;
  210. z-index: 1000;}
  211.  
  212. #credit a{
  213. color: #fff;}
  214.  
  215.  
  216.  
  217.  
  218. #information {
  219. position:fixed;
  220. top:125px;
  221. left:270px;
  222. width:150px;
  223. text-align:right;
  224. color:#000;
  225. background-color:white;
  226. opacity:0.8;
  227. padding:10px;
  228. }
  229.  
  230. .description{
  231. padding:5px;
  232.  
  233. }
  234. .show{
  235. position:relative;
  236. }
  237.  
  238. .hide {
  239. text-align:center;
  240. text-align:right;
  241. }
  242. .title {
  243. padding:5px 5px 0px 5px;
  244. font-size:16px;
  245. letter-spacing:1px;
  246. font-family:pixie;
  247. }
  248.  
  249. .links {
  250. font-size: 9px;
  251. font-family:consolas;
  252. text-transform:uppercase;
  253. letter-spacing:1px;
  254. }
  255.  
  256. .links a {
  257.  
  258.  
  259. background:{color:nav links};
  260. color:{color:nav text};
  261. }
  262.  
  263. .links a:hover {
  264. text-decoration:none;
  265. background:{color:nav links hover};
  266. color:{nav hover};
  267.  
  268. -webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;transition: all .2s ease-in-out;
  269. }
  270.  
  271.  
  272. ol.notes img {
  273. width: 16px;
  274. display: inline;
  275. position: relative;
  276. top: 3px;
  277. }
  278.  
  279. .entry {
  280.  
  281. border: 1px solid {color:border};
  282.  
  283. {block:ifroundedcorners}-moz-border-radius: 5px;
  284. border-radius: 5px;
  285. {/block:ifroundedcorners}
  286.  
  287. float: right;
  288. {block:indexpage}
  289. width: 230px;
  290. margin: 3px;
  291. {/block:indexpage}
  292.  
  293. {block:permalinkpage}
  294. margin: 2px;
  295. padding-left:10px;
  296. width: 500px;
  297. {/block:permalinkpage}
  298.  
  299. display: block;
  300. padding: 5px;
  301. background:{color:post background};
  302. {block:ifshadow}
  303. box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  304. -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  305. -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  306. {/block:ifshadow}
  307. position: relative;
  308. }
  309. .entry img {
  310. display: block;
  311. max-width: 100%;
  312. {block:iffadedimages}
  313. opacity:0.9;
  314. filter:alpha(opacity=80);
  315. -webkit-transition: all ease-in 250ms;
  316. -moz-transition: all ease-in 250ms;
  317. -o-transition: all ease-in 250ms;
  318. -ms-transition: all ease-in 250ms;
  319. transition: all ease-in 250ms;
  320. {/block:iffadedimages}
  321. }
  322. .entry:hover img {
  323. {block:iffadedimages}
  324. opacity:1;
  325. filter:alpha(opacity=100);
  326. -webkit-transition: all ease-in 250ms;
  327. -moz-transition: all ease-in 250ms;
  328. -o-transition: all ease-in 250ms;
  329. -ms-transition: all ease-in 250ms;
  330. transition: all ease-in 250ms;
  331. {/block:iffadedimages}
  332. }
  333.  
  334.  
  335. .entry:hover .details {
  336. opacity: 1.0;
  337. margin:12px 0px 0px 0px;
  338. filter: alpha(opacity = 100);
  339. -webkit-transition: all .25s ease-in-out;
  340. -moz-transition: all .25s ease-in-out;
  341. -o-transition: all .25s ease-in-out;
  342. transition: all .25s ease-in-out;
  343. }
  344.  
  345. .entry .perma{
  346. opacity: 0;
  347. background-color: #fff;
  348. position: absolute;
  349. text-align:center;
  350. margin-top:0px;
  351. height: 10px;
  352. width: 218px;
  353. margin-left: 0px;
  354. padding: 5px 10px 5px 0px;
  355. border:1px solid rgba(0,0,0,0.1);
  356. -webkit-transition: all .25s ease-in-out;
  357. -moz-transition: all .25s ease-in-out;
  358. -o-transition: all .25s ease-in-out;
  359. transition: all .25s ease-in-out;
  360. overflow: hidden;
  361. overflow-y:hidden;
  362. z-index:1000;
  363. }
  364.  
  365. .entry:hover .perma{
  366. opacity: 0.9;
  367. width: 218px;
  368. color: #000;
  369. -webkit-transition: all .25s ease-in-out;
  370. -moz-transition: all .25s ease-in-out;
  371. -o-transition: all .25s ease-in-out;
  372. transition: all .25s ease-in-out;
  373. }
  374.  
  375. .perms {
  376. color:black;
  377. font-size:9px;
  378. opacity: 0;
  379. -webkit-transition-duration: .75s;top:0px;
  380. width:230px;
  381. height:15px;
  382. padding-bottom:2px;
  383. background-color: #fff;
  384. position: absolute;
  385. margin-top:8px;
  386. text-align:center;
  387. text-transform:uppercase;
  388. font-family:consolas;
  389. letter-spacing:1px;
  390. display:block;
  391. }
  392.  
  393. .entry:hover .perms {
  394. opacity:0.9;
  395. z-index:999999;
  396. padding-top:10px;}
  397.  
  398.  
  399. #pagination{
  400. display:none;
  401. }
  402.  
  403.  
  404.  
  405. .permalink2 {
  406. color: #000000;
  407. padding-top: 0px;
  408. padding-bottom: 0px;
  409. font-size: 10px;
  410. text-align: center;
  411. opacity: 0;
  412. filter: alpha(opacity = 0);
  413. -webkit-transition: all ease-in 250ms;
  414. -moz-transition: all ease-in 250ms;
  415. -o-transition: all ease-in 250ms;
  416. -ms-transition: all ease-in 250ms;
  417. transition: all ease-in 250ms;
  418.  
  419. }
  420.  
  421. blockquote, q {
  422. padding-left:5px;padding-top:7px;
  423. padding-right:5px;padding-bottom:7px;
  424. margin-left:5px; margin-right:5px;
  425. border-left: 2px solid #ccc;
  426. border-right: 2px solid #ccc;
  427. background-color:{color:blockquote};
  428. }
  429.  
  430. li.drawer a {
  431. margin: 0px 5px;}
  432.  
  433. .label {
  434. text-transform:uppercase;
  435. color:{color:Link}
  436. }
  437.  
  438. .question {
  439. text-align:left;
  440. padding-left:5px;padding-top:7px;
  441. padding-right:5px;padding-bottom:7px;
  442. border-left: 2px solid {color:Link};
  443. border-right: 2px solid {color:Link};
  444. background-color:{color:blockquote};
  445. }
  446.  
  447. .answer {
  448. text-align:left;
  449. padding-left:5px;padding-top:7px;
  450. padding-right:5px;padding-bottom:7px;
  451. }
  452.  
  453. .text {
  454. padding: 10px;
  455. }
  456.  
  457. .entry:hover .permalink2 {
  458. opacity: 1;
  459. filter: alpha(opacity = 100);
  460. -webkit-transition: all ease-in 250ms;
  461. -moz-transition: all ease-in 250ms;
  462. -o-transition: all ease-in 250ms;
  463. -ms-transition: all ease-in 250ms;
  464. transition: all ease-in 250ms;
  465. }
  466.  
  467. #pp {
  468. text-align: center;
  469. width: 100%;
  470. padding-top: 2px;
  471. }
  472.  
  473.  
  474.  
  475. .permahover {
  476. text-align: center;
  477. line-height:200%;
  478. opacity: 0.0;
  479. filter: alpha(opacity = 0);
  480. font-size: 9px;
  481. line-height: 9px;
  482. text-transform: uppercase;
  483. -webkit-transition-duration: .75s;
  484. }
  485.  
  486. .entry:hover .permahover {
  487. text-align: center;
  488. opacity: 1;
  489. filter: alpha(opacity = 50);
  490.  
  491.  
  492. }
  493.  
  494.  
  495. .b {display : block; font-size: 8px;text-align: left;line-height: 15px; text-indent : 0px; vertical-align : middle; padding : 2px;
  496. padding-bottom : 0px;}
  497.  
  498. #newHeader {
  499. padding-bottom: 2px;
  500. text-align: center;
  501.  
  502. }
  503.  
  504. div.panel {
  505. width: 260px;
  506. padding: 15px 20px;
  507. color: #333;
  508. text-align: center;
  509. line-height: 22px;
  510. display: none;
  511.  
  512. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0d000000',GradientType=0 );
  513. }
  514. div.panel p {
  515. margin: 10px 0;
  516. }
  517. div.panel p a, div.textPost p a, div.audioPost p a {
  518. color: #333;
  519. text-decoration: none;
  520. border-bottom: 1px dotted;
  521. font-style: italic;
  522. font-weight: bold;
  523. }
  524.  
  525. #album
  526. {
  527. {block:IndexPage}
  528. width:80px;
  529. height:80px;
  530. margin:10px;
  531. {/block:IndexPage}
  532. float:left;
  533. {block:PermalinkPage}
  534. width:500px;
  535. height:500px;
  536. {/block:PermalinkPage}
  537.  
  538. }
  539.  
  540.  
  541. #infos
  542. {float:left;
  543. margin-top:10px;
  544. background-color: #e4e4e4;
  545. padding:5px;
  546. width:110px;
  547. }
  548.  
  549. #player
  550. {float:left;
  551. {block:IndexPage}
  552. width:75px;
  553. margin-top:10px;
  554. padding-left:45px;
  555. {/block:IndexPage}
  556. padding-top:10px;
  557. padding-bottom:10px;
  558. height:20px;
  559. background-color:#e4e4e4;
  560. overflow:hidden;
  561. {block:PermalinkPage}
  562. margin-top:5px;
  563. width:265px;
  564. padding-left:235px;
  565. {/block:PermalinkPage}
  566. }
  567.  
  568.  
  569.  
  570.  
  571. </style>
  572. <script type="text/javascript">
  573. $(document).ready(function(){
  574. $(".hide").hide();
  575. $(".show").click(function(){
  576. $(this).next(".hide").slideToggle('fast');
  577. }); });
  578. </script>
  579. <script type="text/javascript">
  580. $(window).load(function(){
  581. $("p").remove(":contains('Source:')");
  582. $("p").remove(":contains('via ')");
  583. });
  584. </script>
  585.  
  586. </head>
  587. <body>
  588.  
  589. <div id="credit">
  590. <a href="http://dannyworsnop.tumblr.com/" target="_blank"><img src="http://static.tumblr.com/thpaaos/dHHkt0jor/install_theme.png"></a>
  591. </div>
  592.  
  593.  
  594.  
  595. <div id="contain">
  596.  
  597. <div id="sidebar">
  598.  
  599. <div id="information">
  600. <div class="title"><a href="/">{title}</a></div> <br>
  601.  
  602. <div class="links">
  603. <a href="/">home</a>
  604. <a href="/ask">message</a>
  605. <a href="{text:Link 1}">{text:Link 1 Title}</a>
  606. <a href="{text:Link 2}">{text:Link 2 Title}</a>
  607. </div>
  608.  
  609. <div class="description">{description}</div>
  610.  
  611.  
  612.  
  613.  
  614.  
  615.  
  616.  
  617.  
  618.  
  619. </div>
  620. </div>
  621.  
  622. <div id="content">
  623.  
  624. {block:Posts}
  625. <div class="entry">
  626.  
  627. {block:Text}
  628. <div class="text">
  629. <div style="text-transform:uppercase">{block:Title}
  630. <a href="{Permalink}">{Title}</a>
  631. {/block:Title}</div>
  632. {Body}
  633. {block:indexpage}
  634. <div class="permahover"><p><br><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  635. {/block:indexpage}
  636.  
  637. </div>
  638. {/block:Text}
  639.  
  640. {block:Photo}
  641. {block:IndexPage}
  642. <div class="perms">
  643. <a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a>
  644. </div>
  645. {/block:IndexPage}
  646. {block:indexpage}
  647. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/>{LinkCloseTag}
  648. {/block:indexpage}
  649. {block:permalinkpage}
  650. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/>{LinkCloseTag}
  651. {/block:permalinkpage}
  652. {/block:Photo}
  653.  
  654. {block:Photoset}
  655. {block:IndexPage}
  656. <div class="perms">
  657. {dayofweek} with <a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a>
  658. </div>
  659. <div style="width:230px; overflow-x:hidden; overflow-y:hidden;">{Photoset-250}</div>{/block:IndexPage}
  660. {block:permalinkpage}
  661. {Photoset-500}
  662. {/block:permalinkpage}
  663. {/block:Photoset}
  664.  
  665. {block:Quote}
  666. <div class="text">
  667. <span style="text-transform:uppercase;"> "{Quote}" </span>
  668. {block:Source}
  669. <div class="source"><div style="text-align:right; color:{color:link}">{Source}</div></div>
  670. {/block:Source}
  671. {block:indexpage}
  672. <div class="permahover"><br><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  673. {/block:indexpage}
  674. </div>{/block:Quote}
  675.  
  676. {block:Link}
  677. <div class="text">
  678. <span style="text-transform:uppercase;"><a href="{URL}" class="link" {Target}>{Name}</a></span>
  679. {block:Description}
  680. <div class="description">{Description}</div>
  681. {/block:Description}
  682. {block:indexpage}
  683. <div class="permahover"><br><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  684. {/block:indexpage}
  685. </div>{/block:Link}
  686.  
  687. {block:Chat}
  688. <div class="text">
  689. {block:Title}
  690. <a href="{Permalink}">{Title}</a>
  691. {/block:Title}
  692. <ul class="chat">
  693. {block:Lines}
  694. <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label}
  695.  
  696. {Line} </li>
  697. {/block:Lines}
  698. </ul>
  699. {block:indexpage}
  700. <div class="permahover"><br><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  701. {/block:indexpage}
  702. </div>{/block:Chat}
  703.  
  704. {block:Video}
  705. {block:IndexPage}{Video-250}{/block:IndexPage}
  706. {block:indexpage}
  707. <div class="permahover"><br><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  708. {/block:indexpage}
  709. {block:permalinkpage}
  710. {Video-500}
  711. {/block:permalinkpage}
  712.  
  713. {/block:Video}
  714.  
  715.  
  716. {block:Audio}
  717. {block:IndexPage}
  718. <div id="album">{block:AlbumArt}<img width="80px" src="{AlbumArtURL}"/>{/block:AlbumArt}</div>
  719. <div id="player"><div style="margin-top:-3px;">{AudioPlayerGrey}</div></div>
  720. <div id="infos">
  721. {block:TrackName}{TrackName}{/block:TrackName}
  722. {block:Artist}by {Artist}{/block:Artist}
  723. </div>
  724.  
  725. <br>
  726. <div id="permahover"><div style="margin-top:90px; text-align:center; text-transform:uppercase;"><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div></div>
  727. {/block:IndexPage}
  728. {block:PermalinkPage}
  729. <div id="album">{block:AlbumArt}<img width="500px" src="{AlbumArtURL}"/>{/block:AlbumArt}</div>
  730. <div id="player"><div style="margin-top:-3px;margin-bottom:20px;">{AudioPlayerGrey}</div></div>
  731.  
  732. {/block:PermalinkPage}
  733. {/block:Audio}
  734.  
  735.  
  736. {block:Answer}<div class="text">
  737. <div class="question">
  738. <span style="text-transform:uppercase; color:{color:Link}">{Asker}:</span> {Question}</div><div class="answer">{Answer}</div>
  739. {block:indexpage}
  740. <div class="permahover"><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a> </p></div>
  741. {/block:indexpage}
  742. </div>{/block:Answer}
  743.  
  744.  
  745. {block:PermalinkPage}
  746. <div id="note3"><div style="text-align:right; text-transform:uppercase;">
  747. {block:NoteCount}<br>{block:Date}Posted {TimeAgo}{/block:Date} with {NoteCountwithLabel}
  748. {block:HasTags}/ tagged as: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}{/block:NoteCount}</div>
  749.  
  750. {block:PostNotes}
  751. {PostNotes}
  752. {/block:PostNotes}
  753. </div>
  754. {/block:PermalinkPage}
  755. </div>
  756. {/block:Posts}
  757. </div>
  758. </div>
  759.  
  760.  
  761. {block:Pagination}
  762. <ul id="pagination">
  763. {block:PreviousPage}
  764. <li><a href="{PreviousPage}"></a></li>
  765. {/block:PreviousPage}
  766. {block:JumpPagination length="5"}
  767. {block:CurrentPage}
  768. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  769. {/block:CurrentPage}
  770. {block:JumpPage}
  771. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  772. {/block:JumpPage}
  773. {/block:JumpPagination}
  774. {block:NextPage}
  775. <li><a id="nextPage" href="{NextPage}"></a></li>
  776. {/block:NextPage}
  777. </ul>
  778. {/block:Pagination}
  779.  
  780. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  781. <script src="http://static.tumblr.com/fxpo5zq/HCHm5q8gs/infinitescroll.js"></script>
  782. {block:IndexPage}
  783. <script type="text/javascript">
  784. $(window).load(function () {
  785. $('#content').masonry(),
  786. $('.masonryWrap').infinitescroll({
  787. navSelector : '#pagination',
  788. nextSelector : '#pagination a#nextPage',
  789. itemSelector : ".entry",
  790. bufferPx : 100,
  791. loadingText : "<em></em>",
  792. },
  793. function() { $('#content').masonry({ appendedContent: $(this) }); }
  794. );
  795. });
  796. </script>
  797. {/block:IndexPage}
  798.  
  799. <script type="text/javascript">
  800.  
  801. $('.show').click(function(e){
  802. e.preventDefault();
  803. $('.panel').stop(true,true);
  804. var target = $(this).attr('href');
  805. if($('.panel').is(':visible')){
  806. if($(target).is(':visible')){
  807. $(target).slideUp();
  808. return false;
  809. }else{
  810. $('.panel:visible').slideUp(400, function(){
  811. $(target).slideDown();
  812. });
  813. }
  814. }else {
  815. $(target).slideDown();
  816. }
  817. });
  818.  
  819. </script>
  820. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/aK8m1cpdr/like2.js"></script>
  821. <iframe id="likeiframe" style="width: 1px; height: 1px;"></iframe>
  822.  
  823. </body>
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!