API tools faq
paste
Advertisement
tanaxmercedes

Spoiling Theme

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