API tools faq
paste
Advertisement
tanaxmercedes

Mountainous

tanaxmercedes
Jun 8th, 2016
274
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.70 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. Ⓒ𝙒𝙝𝙞𝙢𝙨𝙮𝙏𝙝𝙚𝙢𝙚𝙨
  4. designed and coded by @tanaboo
  5.  
  6. last updated:
  7. june 8 2016
  8. -->
  9. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  10. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  11.  
  12. <head>
  13. <title>{text:Tab Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}" />
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  16.  
  17. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
  18. </script>
  19.  
  20. <!-- META TAGS // CUSTOMIZATION PAGE -->
  21.  
  22. <meta name="color:Background" content="#f6f6f6"/>
  23. <meta name="color:Blog Title" content="#555555"/>
  24. <meta name="color:Title" content="#555555"/>
  25. <meta name="color:Text" content="#999999"/>
  26. <meta name="color:Link" content="#eeeeee"/>
  27. <meta name="color:Link Hover" content="#ffffff"/>
  28. <meta name="color:Scrollbar" content="#555"/>
  29. <meta name="color:Borders" content="#fff"/>
  30.  
  31. <meta name="image:Background" content=""/>
  32. <meta name="image:Sidebar" content=""/>
  33. <meta name="image:Favicon" content=""/>
  34.  
  35. <meta name="if:OneColumn" content=""/>
  36. <meta name="if:TwoColumns" content=""/>
  37. <meta name="if:ThreeColumns" content=""/>
  38.  
  39. <meta name="text:Blog Title" content="Blog Title"/>
  40. <meta name="text:Tab Title" content="Tab Title"/>
  41.  
  42. <meta name="text:Link One" content="" />
  43. <meta name="text:Link One Name" content="001"/>
  44. <meta name="text:Link One Hover" content="Title Here" />
  45.  
  46. <meta name="text:Link Two" content="" />
  47. <meta name="text:Link Two Name" content="002"/>
  48. <meta name="text:Link Two Hover" content="Title Here" />
  49.  
  50. <meta name="text:Link Three" content="" />
  51. <meta name="text:Link Three Name" content="003"/>
  52. <meta name="text:Link Three Hover" content="Title Here" />
  53.  
  54. <meta name="text:Link Four" content="" />
  55. <meta name="text:Link Four Name" content="004"/>
  56. <meta name="text:Link Four Hover" content="Title Here" />
  57.  
  58. <meta name="text:Link Five" content="" />
  59. <meta name="text:Link Five Name" content="005"/>
  60. <meta name="text:Link Five Hover" content="Title Here" />
  61.  
  62.  
  63.  
  64.  
  65. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  66. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  67. <script>
  68. (function($){
  69. $(document).ready(function(){
  70. $("a[title]").style_my_tooltips({
  71. tip_follows_cursor:true,
  72. tip_delay_time:90,
  73. tip_fade_speed:600,
  74. attribute:"title"
  75. });
  76. });
  77. })(jQuery);
  78. </script>
  79. <!--basic tooltip from tutorial-baby! Enjoy-->
  80. <style>
  81. .tooltip{
  82. display: inline;
  83. position: relative;
  84. }
  85. #s-m-t-tooltip {
  86. max-width:300px; /*how big the tooltip can be at most*/
  87. border-radius: 0px; /*change your border radius*/
  88. padding:3px 4px 5px 4px; /*padding inside tooltip*/
  89. margin:8px; /*distance from word*/
  90. background-color:#fff; /*background color*/
  91. border:0px solid #E0E0E0; /*border info*/
  92. font-family:trebuchet ms; /*tooltip font*/
  93. font-size:9px; /*tooltip font size*/
  94. letter-spacing:0px; /*tooltip letter spacing*/
  95. text-transform:uppercase; /*makes the tooltip title uppercase*/
  96. color:#999; /*tooltip font color*/
  97. z-index:999999999999999999999999999999999999;
  98. }
  99. </style>
  100.  
  101.  
  102.  
  103. <style type="text/css">
  104.  
  105.  
  106. /* FOLLOW AND DASHBOARD BUTTONS */
  107.  
  108. #tumblr_controls, .tmblr-iframe{
  109. -webkit-filter:invert(100%);
  110. -moz-filter:invert(100%);
  111. -o-filter:invert(100%);
  112. -ms-filter:invert(100%);
  113. filter:invert(100%);
  114. position:fixed!important;
  115. top:0px!important;
  116. right:0px!important;
  117. opacity: 0;
  118. -ms-transform: scale(.9); /* IE 9 */
  119. -webkit-transform: scale(.9); /* Safari */
  120. transform: scale(.9);
  121. -webkit-transition:all 0.6s ease-out;
  122. -webkit-transition: opacity 0.7s linear;opacity: 0.2;
  123. -webkit-transition: all 0.8s ease-out;
  124. -moz-transition: all 0.8s ease-out;
  125. transition: all 0.8s ease-out;
  126. }
  127.  
  128.  
  129.  
  130. /* SCROLL BAR CODE */
  131.  
  132. ::-webkit-scrollbar{
  133. width: 8px;
  134. height: 4px;
  135. background:{color:Background};
  136. }
  137. ::-webkit-scrollbar-thumb{
  138. background-color:{color:Scrollbar};
  139. }
  140.  
  141.  
  142. /* THE BASICS */
  143.  
  144. body {
  145. color: {color:Text};
  146. background-color: {color:Background};
  147. background-image: url({image:Background});
  148. font: 10px trebuchet ms;
  149. line-height: 13px;
  150. }
  151. a {
  152. text-decoration: none;
  153. color: {color:Link};
  154. }
  155. a:hover {
  156. color:{color:Link Hover};
  157. cursor: help;
  158. }
  159. h1 {
  160. font-size: 12px;
  161. color: {color:Title};
  162. }
  163.  
  164.  
  165. /*--CUSTOMIZE SIDEBAR--*/
  166. #sidebar{
  167. z-index:999999999999;
  168. position: fixed !important;
  169. width: 150px;
  170. height: 150px;
  171. margin-top: 340px;
  172. margin-left: 50%;
  173. padding: 12px;
  174. background-color:;
  175. }
  176.  
  177.  
  178. /* ITEMS IN SIDEBAR */
  179.  
  180. #sidebarimage{
  181. border:0px solid #eee;
  182. padding:10px;
  183. opacity:1;
  184. }
  185.  
  186. #blogtitle{
  187. position: fixed !important;
  188. z-index: 99999;
  189. width: 150px;
  190. top: 320px;
  191. margin-left: -12px;
  192. color: {color:Blog Title};
  193. background: {color:Borders};
  194. padding: 12px;
  195. font-family: lucida grande;
  196. text-transform: uppercase;
  197. text-align: right;
  198. font-size: 20px;
  199. line-height: 10px;
  200. }
  201.  
  202. #description{
  203. position: fixed !important;
  204. background: {color:Borders};
  205. width: 150px;
  206. height: auto;
  207. padding: 12px;
  208. color: #999;
  209. margin-top: 80px;
  210. margin-left: -13px;
  211. font-size: 10px;
  212. line-height: 10px;
  213. text-align: justify;
  214. z-index: 99999;
  215. }
  216.  
  217. #links{
  218. position: fixed!important;
  219. width: 150px;
  220. height: auto;
  221. padding: 12px;
  222. color: {color:Link};
  223. font-size: 10px;
  224. font-family: helvetica;
  225. letter-spacing: 0px;
  226. text-transform: none;
  227. background: {color:Borders};
  228. margin-left: -12px;
  229. margin-top: 20px;
  230. -webkit-transition: all 0.9s ease-in-out;
  231. -moz-transition: all 0.9s ease-in-out;
  232. -o-transition: all 0.9s ease-in-out;
  233. z-index: 99999;
  234. }
  235.  
  236.  
  237.  
  238.  
  239. /* FOR AUDIO POSTS*/
  240.  
  241. #audio {
  242. width: 200px;
  243. height: auto;
  244. min-height: 60px;
  245. padding-bottom: 0px;
  246. }
  247. .cover {
  248. position:absolute;
  249. z-index: 1;
  250. width: 60px;
  251. height: 60px;
  252. }
  253. .cover img {
  254. float: left;
  255. width: 60px;
  256. height: 60px;
  257. }
  258. .playbox {
  259. opacity: 0.6;
  260. width: 27px;
  261. height: 30px;
  262. overflow: hidden;
  263. position: absolute;
  264. z-index: 1000;
  265. margin-left: 17px;
  266. margin-top: 17px;
  267. text-align: center;
  268. }
  269. .info {
  270. margin-left: 73px;
  271. margin-top: 4px;
  272. line-height: 14px;
  273. }
  274.  
  275.  
  276. /* TITLES OF ENTRIES */
  277. .title{
  278. font-size:15px;
  279. font-family: trebuchet ms;
  280. line-height: 13px;
  281. color: {color:Title};
  282. font-weight: normal;
  283. border-bottom: 1px dashed #ddd;
  284. }
  285.  
  286. /* CENTER FRO THE POSTS */
  287.  
  288. #center{
  289. padding-top:-3px;
  290. padding-bottom:3px;
  291. position:fixed !important;
  292. width:250px;
  293. height:207px;
  294. background-color:#fff;
  295. {block:PermalinkPage}
  296. width:410px;
  297. height:207px;
  298. {/block:PermalinkPage}
  299. }
  300.  
  301.  
  302. /* POSTS CUSTOMIZATION */
  303.  
  304. #posts{
  305. {block:indexpage}
  306.  
  307. {block:ifOneColumn}
  308. margin-left: 170px;
  309. width: 200px;
  310. {/block:ifOneColumn}
  311.  
  312. {block:ifTwoColumns}
  313. margin-left: 150px;
  314. width: 500px;
  315. {/block:ifTwoColumns}
  316.  
  317. {block:ifThreeColumns}
  318. margin-left: 30px;
  319. width: 800px;
  320. {/block:ifThreeColumns}
  321.  
  322. {/block:indexpage}
  323. {block:permalinkpage}
  324. width: 600px;
  325. {/block:permalinkpage}
  326. float: center;
  327. margin-top: 20px;
  328. z-index: 999999999;
  329. }
  330.  
  331.  
  332.  
  333. /* CUSTOMIZE INDIVIDUAL POSTS */
  334.  
  335. #entry{
  336. z-index: 999;
  337. margin: 20px;
  338. float: left;
  339. font-size: 10px;
  340. line-height: 13px;
  341.  
  342. {block:ifOneColumn}
  343. width:250px;
  344. {/block:ifOneColumn}
  345.  
  346. {block:ifTwoColumns}
  347. width: 150px;
  348. {/block:ifTwoColumns}
  349.  
  350. {block:ifThreeColumns}
  351. width: 150px;
  352. {/block:ifThreeColumns}
  353.  
  354. padding: 10px;
  355. background: {color:Borders};
  356. {block:PermalinkPage}
  357. width: 400px;
  358. margin-top: 15px;
  359. margin-left: 13px;
  360. z-index: 999;
  361. {/block:PermalinkPage}
  362. -moz-transition: all 3.9s ease-out;
  363. -o-transition: all 3.9s ease-out;
  364. -webkit-transition: all 3.9s ease-out;
  365. transition: all 3.9s ease-out;
  366. }
  367.  
  368.  
  369. /* INDIVIDUAL POSTS IMAGES */
  370.  
  371. #entry img{
  372. {block:indexpage}
  373. {block:ifOneColumn}
  374. max-width: auto;
  375. {/block:ifOneColumn}
  376. {block:ifTwoColumns}
  377. max-width:150px;
  378. {/block:ifTwoColumns}
  379. {block:ifThreeColumns}
  380. max-width:150px;
  381. {/block:ifThreeColumns}
  382. background: {color:Borders};
  383. opacity: 1;
  384. z-index: 9999999;
  385. -webkit-transition:all 0.7s ease-out;
  386. -moz-transition:all 0.7s ease-out;
  387. transition:all 0.7s ease-out;
  388. {/block:indexpage}
  389. }
  390.  
  391.  
  392.  
  393. /* CUSTOMIZE PHOTO (HOVER) PERMALINKS */
  394.  
  395. #entry .perma {
  396. opacity:0;
  397. position: absolute;
  398. margin-left: 5px;
  399. margin-top: 5px;
  400. letter-spacing: 2px;
  401. text-transform: lowercase;
  402. transform: scale(0);
  403. -ms-transform: scale(0);
  404. -webkit-transform: scale(0);
  405. -webkit-transition:all 0.7s ease-out;
  406. -moz-transition:all 0.7s ease-out;
  407. transition:all 0.7s ease-out;
  408. }
  409.  
  410. {block:IndexPage}
  411. #entry:hover img{
  412. transform: scale(0);
  413. -ms-transform: scale(0);
  414. -webkit-transform: scale(0);
  415. }
  416. {/block:IndexPage}
  417.  
  418. #entry:hover .perma{
  419. opacity:1;
  420. transform: scale(1);
  421. -ms-transform: scale(1);
  422. -webkit-transform: scale(1);
  423. }
  424.  
  425. /* CUSTOMIZE TEXT POST / ASK / ETC PERMALINKS */
  426. .permalink{
  427. background:#f9f9f9;
  428. border:1px solid #f3f3f3;
  429. display:block;
  430. text-align:right;
  431. font-size:10px;
  432. letter-spacing:1px;
  433. padding:5px;
  434. text-transform:uppercase;
  435. }
  436.  
  437. /* BLOCKQUOTES */
  438.  
  439. blockquote {
  440. border-left: 1px dotted {color:Text};
  441. margin-left: 6px;
  442. padding-left: 10px;
  443. }
  444.  
  445.  
  446. /* POST NOTES*/
  447.  
  448. #postnotes{
  449. text-align: justify;
  450. }
  451. #postnotes blockquote{
  452. border: 1px;
  453. }
  454.  
  455.  
  456. /* FOR QUESTION / ANSWER POSTS */
  457.  
  458. #question{
  459. width:85%;
  460. padding-top:20px;
  461. padding-bottom:20px;
  462. padding-left:10px;
  463. padding-right:10px;
  464. border:2px solid #ddd;
  465. background:#eee;
  466. border-radius:5px
  467. }
  468.  
  469. #askerportrait{
  470. margin-right:4px;
  471. margin-top:-6px;
  472. margin-left:0px;
  473. border:1px solid #ddd;
  474. padding:7px;
  475. background:#fff;
  476. box-shadow:0px 2px 6px rgba(0, 0, 0, 0.06);
  477. -moz-box-shadow:0px 2px 6px rgba(0, 0, 0, 0.06);
  478. -webkit-box-shadow:0px 2px 6px rgba(0, 0, 0, 0.06)
  479. }
  480.  
  481.  
  482.  
  483. #rightborder {
  484. width:20px;
  485. height:120%;
  486. top:-10px;
  487. left:55%;
  488. background-color:{color:Borders};
  489. z-index:999;
  490. position:fixed;}
  491.  
  492. #centerline {
  493. width:20px;
  494. height:90%;
  495. top:10%;
  496. left:50%;
  497. margin-left:-10px;
  498. background-color:{color:Borders};
  499. z-index:999;
  500. position:fixed;}
  501.  
  502.  
  503.  
  504.  
  505.  
  506. </style>
  507.  
  508.  
  509.  
  510. </head>
  511.  
  512. <body>
  513. <span style="opacity:.1;">
  514. <div style="position:fixed; top:-100px; right:0px;">
  515. <img src="http://www.datemplate.com/postpic/2010/05/flying-bird-silhouette-tumblr_75686.png" width=600px> <br></div>
  516.  
  517. <div style="position:fixed; bottom:0px; right:0px;">
  518. <img src="http://www.clker.com/cliparts/c/2/i/F/1/v/hill-simbol-hi.png" width=600px> </div>
  519.  
  520. </span>
  521.  
  522. <div id="centerline"></div>
  523. <div id="rightborder"></div>
  524. <div id="content">
  525.  
  526.  
  527. <!-- SIDEBAR -->
  528. <div id="sidebar">
  529.  
  530. <!-- SIDEBAR IMAGE
  531. <div id="sidebarimage">
  532. <img src="{image:sidebar}" style="width:130px; height:130px;">
  533. </div> -->
  534.  
  535. <!-- BLOG TITLE -->
  536. <div id="blogtitle">
  537. {text:Blog Title}
  538. </div>
  539.  
  540. <!-- DESCRIPTION -->
  541. <div id="description">
  542. {description}
  543. </div>
  544.  
  545.  
  546. <!-- LINKS -->
  547. <div id="links">
  548.  
  549. <a href="{text:Link One}" title="{text:Link One Hover}">{text:Link One Name}</a> &mdash;
  550. <a href="{text:Link Two}" title="{text:Link Two Hover}">{text:Link Two Name}</a> &mdash;
  551. <a href="{text:Link Three}" title="{text:Link Three Hover}">{text:Link Three Name}</a> &mdash;
  552. <a href="{text:Link Four}" title="{text:Link Four Hover}">{text:Link Four Name}</a> &mdash;
  553. <a href="{text:Link Five}" title="{text:Link Five Hover}">{text:Link Five Name}</a>
  554.  
  555. <!-- LINKS /DIV -->
  556. </div>
  557.  
  558. <!-- SIDEBAR /DIV -->
  559. </div>
  560.  
  561.  
  562.  
  563.  
  564. <!-- POST CODES -->
  565.  
  566.  
  567. <div id="posts">
  568. {block:Posts}
  569. <div id="entry">
  570.  
  571.  
  572. {block:Photo}
  573. {block:IndexPage}
  574. <div class="perma">
  575. <div style="text-align:center; padding-top:20px; padding-bottom:10px; padding-left:30px; padding-right:30px; border-bottom:2px solid #ddd;">
  576. <a title="permalink page" href="{Permalink}">{NoteCountwithlabel}</a>
  577. </div>
  578. <br>
  579. <div style="text-align:center; padding-top:20px; padding-bottom:20px; padding-left:30px; padding-right:30px; border:2px solid #ddd; background:#eee; border-radius:5px">
  580. <a title="reblog this post" href="{ReblogURL}">reblog</a></div>
  581. </div>
  582.  
  583. {/block:IndexPage}
  584. {block:IndexPage}
  585. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=250px;>
  586. {/block:IndexPage}
  587.  
  588. {block:permalinkpage}
  589. {LinkOpenTag}
  590. <center>
  591. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=350px;/>
  592. </center>
  593. {LinkCloseTag}
  594. {/block:permalinkpage}
  595. {/block:Photo}
  596.  
  597.  
  598.  
  599.  
  600. {block:Photoset}
  601. {block:Photos}
  602. <div class="media">
  603.  
  604. <div class="perma">
  605. <div style="text-align:center; padding-top:20px; padding-bottom:10px; padding-left:30px; padding-right:30px; border-bottom:2px solid #ddd;">
  606. <a title="permalink page" href="{Permalink}">{NoteCountwithlabel}</a>
  607. </div>
  608. <br>
  609. <div style="text-align:center; padding-top:20px; padding-bottom:20px; padding-left:30px; padding-right:30px; border:2px solid #ddd; background:#eee; border-radius:5px">
  610. <a title="reblog this post" href="{ReblogURL}">reblog</a></div>
  611. </div>
  612.  
  613. {LinkOpenTag}
  614. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=250px;/>
  615. {LinkCloseTag}
  616. </div>
  617. {/block:Photos} <br>
  618. {/block:Photoset}
  619.  
  620.  
  621.  
  622.  
  623. {block:Answer}
  624. <div style="font-size:13px; text-align:center; padding-top:20px; padding-bottom:10px; padding-left:30px; padding-right:30px; border-bottom:2px solid #ddd;">
  625. {Asker}:</div><br>
  626. <div id="question">
  627. {Question}
  628. </div>
  629. {Answer}
  630. {/block:Answer}
  631.  
  632.  
  633. {block:Text}
  634. {block:Title}
  635. <span class="title">{Title}</span>
  636. {/block:Title}
  637. {Body}
  638. {/block:Text}
  639.  
  640.  
  641. {block:Link}
  642. <a href="{URL}" class="title">{Name}</a>
  643. {block:Description}
  644. {Description}
  645. {/block:Description}
  646. {block:IndexPage}
  647. <div class="permalinktext">
  648. {ShortDayOfWeek}, {ShortMonth} {DayOfMonth} with
  649. <a href="{permalink}">{notecountwithlabel}</a>
  650. </div>
  651. {/block:IndexPage}
  652. {block:Link}
  653.  
  654.  
  655. {block:Quote}
  656. <div class="quote">❝ {quote} ❞</div>
  657. {block:IndexPage}
  658. <div class="permalinktext">
  659. {ShortDayOfWeek}, {ShortMonth} {DayOfMonth} with
  660. <a href="{permalink}">{notecountwithlabel}</a>
  661. </div>
  662. {/block:IndexPage}
  663. {/block:Quote}
  664.  
  665.  
  666.  
  667.  
  668. {block:Chat}
  669. {block:Title}
  670. <h1>{Title}</h1>
  671. {/block:Title}
  672. {block:Lines}
  673. {block:Label}
  674. <b>{Label}</b>
  675. {/block:Label}
  676. <span><i>{Line}</i><br>
  677. </span>
  678. {/block:Lines}
  679. <div class="permalinktext">
  680. {ShortDayOfWeek}, {ShortMonth} {DayOfMonth} with
  681. <a href="{permalink}">{notecountwithlabel}</a>
  682. </div>
  683. {/block:Chat}
  684.  
  685.  
  686.  
  687.  
  688. {block:Audio}
  689. <div id="audio">
  690. <div class="cover">
  691. <img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg">
  692. </div>
  693.  
  694. {block:AlbumArt}
  695. <div class="cover">
  696. <img src="{AlbumArtURL}">
  697. </div>
  698. {/block:AlbumArt}
  699.  
  700. <div class="playbox">
  701. {block:AudioPlayer}
  702. {AudioPlayerWhite}
  703. {/block:AudioPlayer}
  704. </div>
  705.  
  706. <div class="info">
  707. Artist:
  708. {block:Artist}
  709. {Artist}
  710. {/block:Artist}
  711. <br>
  712. Track:
  713. {block:TrackName}
  714. {TrackName}
  715. {/block:TrackName}
  716. <br>
  717.  
  718. Album:
  719. {block:Album}
  720. {Album}
  721. {/block:Album}
  722. <br>
  723.  
  724. Count:
  725. {block:PlayCount}
  726. {FormattedPlayCount}
  727. {/block:PlayCount}
  728. </div> <!-- .INFO /DIV -->
  729. </div> <!-- #AUDIO /DIV -->
  730.  
  731.  
  732. {block:IndexPage}
  733. <div class="permalinktext">
  734. {ShortDayOfWeek}, {ShortMonth} {DayOfMonth} with
  735. <a href="{permalink}">{notecountwithlabel}</a>
  736. </div>
  737. {/block:IndexPage}
  738. {/block:Audio}
  739.  
  740.  
  741.  
  742.  
  743.  
  744. {block:Video}
  745. {block:IndexPage}
  746. <div class="permalinktext">
  747. {ShortDayOfWeek}, {ShortMonth} {DayOfMonth} with
  748. <a href="{permalink}">{notecountwithlabel}</a>
  749. </div>
  750. <div style="width:200px; overflow-x:hidden; overflow-y:hidden">{Video-250}
  751. </div>
  752. {/block:IndexPage}
  753. {block:PermalinkPage}
  754. <div style="width: 450px; overflow-x:hidden; overflow-y:hidden">
  755. {Video-500}
  756. {/block:PermalinkPage}
  757. {block:Video}
  758.  
  759.  
  760. {block:PermalinkPage}
  761. <center><br>
  762. {block:Date}
  763. posted <u>{DayOfWeek}</u>
  764. {/block:Date}
  765.  
  766. {block:NoteCount}
  767. with {NoteCount} notes<br>
  768. {/block:NoteCount}
  769.  
  770. {block:RebloggedFrom}
  771. <b>source:</b>
  772. <a href="{ReblogRootURL}">{ReblogRootName}</a> / <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>
  773. <br>
  774. {/block:RebloggedFrom}
  775.  
  776. {block:NoteCount}
  777. <div style="text-align:center; margin:5px">
  778. </div>
  779. {/block:NoteCount}
  780. </center>
  781. {/block:PermalinkPage}
  782.  
  783.  
  784. {block:PostNotes}
  785. <div id="postnotes">
  786. {PostNotes}
  787. </div>
  788. {/block:PostNotes}
  789.  
  790.  
  791. </div>
  792.  
  793. {/block:Posts}
  794.  
  795. </div>
  796.  
  797. </div>
  798.  
  799.  
  800. {block:indexpage}
  801. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  802. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  803. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  804. <script type="text/javascript">
  805. $(window).load(function(){
  806. var $wall = $('#posts');
  807. $wall.imagesLoaded(function(){
  808. $wall.masonry({
  809. itemSelector: '#entry, #entry_photo',
  810. isAnimated : false
  811. });
  812. });
  813.  
  814. $wall.infinitescroll({
  815. navSelector : '#page-nav',
  816. nextSelector : '#page-nav a',
  817. itemSelector : '#entry, #entry_photo',
  818. bufferPx : 2000,
  819. debug : false,
  820. errorCallback: function() {
  821. $('#infscr-loading').fadeOut('normal');
  822. }},
  823. function( newElements ) {
  824. var $newElems = $( newElements );
  825. $newElems.hide();
  826. $newElems.imagesLoaded(function(){
  827. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  828. });
  829. }); $('#content').show(500);
  830. });
  831. </script>
  832. {/block:indexpage}
  833.  
  834. <!-- !! do not remove this !! -->
  835. <div style="z-index:99999999999; position:fixed; opacity:.9; bottom:10px; right:10px;"><a href="http://ouilalacoding.tumblr.com/" title="Coded by Ouilala"><img src="http://static.tumblr.com/1ilrn3z/7cno8hcmn/credit_badge.png" width=50px></a></div>
  836.  
  837. </body>
  838.  
  839. </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!