API tools faq
paste
Advertisement
planthed

Knee Socks

planthed
Apr 4th, 2016
939
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.32 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. ✧* 。♡ theme made by tumblr user @planthed ♡ 。*✧
  4.  
  5. theme blog: @themekid
  6.  
  7. -->
  8.  
  9. <html lang="en">
  10. <head>
  11.  
  12.  
  13.  
  14. <title>{Title}</title>
  15. <link rel="shortcut icon" href="{favicon}">
  16. <meta name="image:background" content=""/>
  17.  
  18. <meta name="color:Background" content="#fbfbfb"/>
  19. <meta name="color:Link" content="#000"/>
  20. <meta name="color:text" content="#000"/>
  21. <meta name="color:top bar" content="#000"/>
  22. <meta name="color:navigation" content="#000"/>
  23. <meta name="color:blogtitle" content="#000"/>
  24. <meta name="color:tooltip background" content="#000"/>
  25. <meta name="color:tooltip text" content="#fff"/>
  26. <meta name="text:Transparent URL" content="http://media.tumblr.com/65f4f99495f65506f22452e98fd11b42/tumblr_inline_ndnw9kRXcQ1sgp6cl.png" />
  27. <meta name="text:blogtitle" content="" />
  28.  
  29. <meta name="text:Link 1 Title" content="title 1" />
  30. <meta name="text:Link 1" content="http://" />
  31. <meta name="text:Link 2 Title" content="title 2"/>
  32. <meta name="text:Link 2" content="http://" />
  33. <meta name="text:Link 3 Title" content="title 3" />
  34. <meta name="text:Link 3" content="http://" />
  35. <meta name="text:Link 4 Title" content="title 4" />
  36. <meta name="text:Link 4" content="http://" />
  37. <meta name="text:Link 5 Title" content="title 4" />
  38. <meta name="text:Link 5" content="http://" />
  39.  
  40. <meta name="if:Tiny cursor" content="1"/>
  41. <meta name="if:Photo zoom" content="1"/>
  42. <meta name="if:faded hover" content="1"/>
  43. <meta name="if:Transparent image" content="1"/>
  44.  
  45. <meta name="select:title font" content="karla" title="Karla"/>
  46. <meta name="select:title font" content="montserrat" title="Montserrat"/>
  47. <meta name="select:title font" content="raleway" title="Raleway"/>
  48. <meta name="select:title font" content="Quicksand" title="Quicksand"/>
  49. <meta name="select:title font" content=" 'Petit Formal Script', cursive" title="Petit Formal Scrip"/>
  50. <script src="http://static.tumblr.com/kjtbii3/44Nmyhtju/slidetoggle.js">
  51. </script>
  52.  
  53. <style type="text/css">
  54.  
  55. /*tooltips style*/
  56.  
  57. #s-m-t-tooltip{
  58. max-width:300px;
  59. padding:3px;
  60. padding-left:7px;
  61. padding-right:7px;
  62. min-height:7px;
  63. background:{color:tooltip background};
  64. margin:20px 0px 0px 20px;
  65. font-family:roboto;
  66. text-transform:uppercase;
  67. font-size:9px;
  68. color:{color:tooltip text};
  69. line-height:20px;
  70. opacity:1;
  71. z-index:9999999999999999999;
  72. }
  73. /*tumblr controls*/
  74.  
  75.  
  76. #tumblr_controls, .tmblr-iframe{ z-index:999999999999999999!important; -webkit-filter:invert(100%); -moz-filter:invert(100%); -o-filter:invert(100%); -ms-filter:invert(100%); filter:invert(100%); position:fixed!important; top:2px!important; right:0px!important; opacity:.5;
  77. -webkit-transition:all 0.6s ease-out;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out}
  78.  
  79. #tumblr_controls, .tmblr-iframe:hover{
  80. opacity:.9;webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
  81. -webkit-transition:all 0.6s ease-out;-webkit-filter:invert(80%); -moz-filter:invert(80%); -o-filter:invert(80%); -ms-filter:invert(80%); filter:invert(80%);
  82. }
  83.  
  84.  
  85. /*scrollbar*/
  86.  
  87. ::-webkit-scrollbar {
  88. background-color:#eeeeee;
  89. height: 11px;
  90. width: 11px;
  91. border:5px solid white;
  92. }
  93. ::-webkit-scrollbar-thumb {
  94. background-color:#ddd;
  95. border:5px solid white;
  96. }
  97.  
  98.  
  99. /*tiny cursor*/
  100.  
  101. {block:ifTinycursor}
  102.  
  103. html, body, a{cursor: url('http://33.media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png'), progress;}
  104.  
  105. a:hover{
  106. cursor:url(http://static.tumblr.com/vmteopo/DH3njhg50/help_cursor.png), crosshair;
  107. }
  108. {/block:ifTinycursor}
  109.  
  110. /*links*/
  111.  
  112. a:link, a:active, a:visited{color:{color:link};-webkit-transition: all 0.6s ease-out;text-decoration:none;}
  113.  
  114. a:hover {color:{color:text};}
  115.  
  116. /*body*/
  117.  
  118. body{
  119. margin:5px;
  120. background-color:{color:background};
  121. background-image:url({image:Background});
  122. background-attachment:fixed;
  123. background-repeat:repeat;
  124. font-family:muli;
  125. font-size:10px;
  126. line-height:15px;
  127. }
  128.  
  129. #posts{
  130. width:800px;
  131. margin:40px auto;
  132. }
  133.  
  134.  
  135. #entry img{
  136. max-width:100%;
  137. -webkit-transition:all 0.3s ease-out;
  138. }
  139.  
  140. #entry:hover img{
  141. {block:iffadedhover}
  142. opacity:.7;
  143. {/block:iffadedhover}
  144. }
  145.  
  146.  
  147. #entry {
  148. color:{color:text};
  149. margin-top:40px;
  150. margin-left:50px;
  151. width:200px;
  152. float:left;
  153. {block:PermalinkPage}
  154. width:400px;
  155. padding:10px;
  156. {/block:PermalinkPage}
  157. }
  158.  
  159. /*DON'T COPY OR STEAL MY CODES*/
  160.  
  161.  
  162. #zoom{
  163. position:relative;
  164. overflow:hidden;
  165. }
  166.  
  167. #entry #zoom img{
  168. display:block;
  169. -webkit-transition: all 0.3s ease-in-out;
  170. -moz-transition: all 0.3s ease-in-out;
  171. transition: all 0.3s ease-in-out;
  172. }
  173.  
  174. #entry:hover #zoom img{
  175. -webkit-transform: scale(1.4);
  176. -moz-transform: scale(1.4);
  177. -o-transform: scale(1.4);
  178. transform: scale(1.4);
  179. }
  180.  
  181. /*audio player*/
  182.  
  183. #audio {
  184. width:200px;
  185. height:auto;
  186. min-height:60px;
  187. padding-bottom:0px;
  188. line-height:20px;
  189. }
  190. .cover {
  191. position:absolute;
  192. z-index:1;
  193. width:60px;
  194. height:60px;
  195. }
  196. .cover img {
  197. position:absolute;
  198. float:left;
  199. border-radius:0px;
  200. width:60px;
  201. height:60px;
  202. }
  203. .playbox {
  204. -webkit-transform: scale(0.20);
  205. opacity:0;
  206. width:27px;
  207. height:30px;
  208. overflow:hidden;
  209. position:absolute;
  210. z-index:1000;
  211. margin-left:17px;
  212. margin-top:17px;
  213. text-align:center;
  214. -webkit-transition: all .9s ease;
  215. -moz-transition: all .9s ease;
  216. -o-transition: all .9s ease;
  217. transition: all .9s ease;
  218. }
  219.  
  220. #entry:hover .playbox{
  221. opacity:0.6;
  222. -webkit-transform: scale(1);
  223. -webkit-transition: all .9s ease;
  224. -moz-transition: all .9s ease;
  225. -o-transition: all .9s ease;
  226. transition: all .9s ease;
  227. }
  228. .info {
  229. margin-left:73px;
  230. margin-top:4px;
  231. font-size:16px;
  232. text-align:right;
  233. font-family:karla;
  234. line-height:17px;
  235. color:{color:blogtitle};
  236. }
  237.  
  238. /*title*/
  239.  
  240. .title{
  241. font-family: Karla;
  242. padding:2px;
  243. font-size:20px;
  244. line-height:25px;
  245. color:{color:blogtitle};
  246. }
  247.  
  248. /*blockquote & quote*/
  249.  
  250. blockquote{
  251. border-left:3px solid {color:top bar};
  252. padding-left:5px;
  253. line-height:15px;
  254. font-size:10px;
  255. margin:0px;
  256. }
  257.  
  258. .quote{
  259. font-family:Karla;
  260. font-size:17px;
  261. line-height:20px;
  262. color:{color:blogtitle};
  263. }
  264.  
  265. /*ask style*/
  266.  
  267. .as{
  268. color:{color:text};
  269. font-family:Karla;
  270. padding-bottom:3px;
  271. font-size:13px;
  272. }
  273.  
  274. .q{
  275. margin-top:0px;
  276. padding:6px;
  277. line-height:14px;
  278. background:{color:top bar};
  279. color:{color:navigation};
  280. }
  281.  
  282. .ed{
  283. color:{color:text};
  284. margin-left:0px;
  285. font-family:Karla;
  286. text-align:right;
  287. font-size:13px;
  288. margin-top:6px;
  289. padding-bottom:3px;
  290. }
  291.  
  292. .a{
  293. margin-top:0px;
  294. padding:1px;
  295. padding-left:10px;
  296. line-height:14px;
  297. background:rgba({RGBcolor:top bar}, 0.5);
  298. }
  299.  
  300. /*chat styling*/
  301.  
  302. .user_1, .user_3, .user_5, .user_7, .user_9, .user_11, .user_13, .user_15, .user_17, .user_19, .user_21, .user_23, .user_25, .user_27, .user_29, .user_31, .user_33, .user_35, .user_37, .user_39, .user_41, .user_43, .user_45, .user_47, .user_49, .user_51, .user_53, .user_55, .user_57, .user_59, .user_61, .user_63, .user_65, .user_67, .user_69, .user_71, .user_73, .user_75, .user_77, .user_79, .user_81, .user_83, .user_85, .user_87, .user_89, .user_91, .user_93, .user_95, .user_97, .user_99, .user_101, .user_103, .user_105, .user_107, .user_109, .user_111, .user_113, .user_115, .user_117, .user_119, .user_121, .user_123, .user_125, .user_127, .user_129, .user_131, .user_133, .user_135, .user_137, .user_139, .user_141, .user_143, .user_145, .user_147, .user_149{background:{color:top bar}; padding:5px;margin-bottom:8px;text-transform:uppercase;font-size:7px;letter-spacing:2px;color:{color:navigation};line-height:15px;padding-top:8px;}
  303.  
  304. .user_2, .user_4, .user_6, .user_8, .user_10, .user_12, .user_14, .user_16, .user_18, .user_20, .user_22, .user_24, .user_26, .user_28, .user_30, .user_32, .user_34, .user_36, .user_38, .user_40, .user_42, .user_44, .user_46, .user_48, .user_50, .user_52, .user_54, .user_56, .user_58, .user_60, .user_62, .user_64, .user_66, .user_68, .user_70, .user_72, .user_74, .user_76, .user_78, .user_80, .user_82, .user_84, .user_86, .user_88, .user_90, .user_92, .user_94, .user_96, .user_98, .user_100, .user_102, .user_104, .user_106, .user_108, .user_110, .user_112, .user_114, .user_116, .user_118, .user_120, .user_122, .user_124, .user_126, .user_128, .user_130, .user_132, .user_134, .user_136, .user_138, .user_140, .user_142, .user_144, .user_146, .user_148, .user_150{background:rgba({RGBcolor:top bar}, 0.5); padding:5px;margin-bottom:8px;text-transform:uppercase;font-size:7px;letter-spacing:2px;color:{color:text};line-height:15px;padding-top:8px;}
  305.  
  306. /*permalink notes*/
  307.  
  308. #postnotes{
  309. margin-top:10px;
  310. line-height:20px;
  311. padding:10px;
  312. height:auto;
  313. overflow:auto;
  314. width:auto;
  315. background:#fff;
  316. border:1px solid {color:top bar};
  317. max-height:200px;
  318. text-transform:uppercase;
  319. font-family:roboto;
  320. font-size:9px;
  321. text-align:left;
  322. }
  323.  
  324.  
  325. ol.notes {
  326. padding:0;
  327. margin: 0;
  328. list-style-type: none;
  329. }
  330. ol.notes li.note {
  331. padding: 3px 0;
  332. margin-bottom:3px;
  333. }
  334. ol.notes li.note img.avatar {
  335. float:right;
  336. border-radius:50%;
  337. padding:0px!important;
  338. border:1px solid #fff;
  339. }
  340. ol.notes li.note blockquote a {
  341. text-decoration: none;
  342. }
  343. li.more_notes_link_container {
  344. font-weight: bold;
  345. text-transform: uppercase;
  346. font-size: 0.85em;
  347. }
  348.  
  349.  
  350. /*permas*/
  351.  
  352. #entry .block {
  353. display:block;
  354. width:195px;
  355. margin-top:5px;
  356. opacity:1;
  357. line-height:20px;
  358. height:20px;
  359. text-align:right;
  360. color:{color:link};
  361. left:0px;
  362. font-family:raleway;
  363. word-spacing:1px;
  364. overflow:hidden;
  365. opacity:0;
  366. font-size:10px;
  367. letter-spacing:1px;
  368. -webkit-transition: all .9s ease;
  369. -moz-transition: all .9s ease;
  370. -o-transition: all .9s ease;
  371. transition: all .9s ease;
  372. }
  373.  
  374.  
  375. #entry:hover .block{
  376. opacity:1;
  377. -webkit-transition: all .9s ease;
  378. -moz-transition: all .9s ease;
  379. -o-transition: all .9s ease;
  380. transition: all .9s ease;
  381. }
  382.  
  383. /*top bar*/
  384.  
  385. #lace{
  386. position:fixed;
  387. opacity:1;
  388. width:100%;
  389. height:30px;
  390. background:{color:top bar};
  391. margin-top:-40px;
  392. margin-left:-5px;
  393. z-index:999999;
  394. }
  395.  
  396. /*navigation links*/
  397.  
  398. #nav{
  399. margin-top:7px;
  400. margin-left:5px;
  401. position:fixed;
  402. }
  403.  
  404. #nav a{
  405. display:inline-block;
  406. font-size:10px;
  407. color:{color:navigation};
  408. -moz-transition-duration:0.7s;
  409. -webkit-transition-duration:0.7s;
  410. -o-transition-duration:0.7s;
  411. }
  412.  
  413.  
  414. #nav a::before,
  415. #nav a::after {
  416. display: inline-block;
  417. opacity: 0;
  418. -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
  419. -moz-transition: -moz-transform 0.3s, opacity 0.2s;
  420. transition: transform 0.3s, opacity 0.2s;
  421. }
  422.  
  423. #nav a::before {
  424. padding-right:3px;
  425. content: '[';
  426. -webkit-transform: translateX(10px);
  427. -moz-transform: translateX(10px);
  428. transform: translateX(10px);
  429. }
  430.  
  431. #nav a::after {
  432. padding-left:3px;
  433. content: ']';
  434. -webkit-transform: translateX(-10px);
  435. -moz-transform: translateX(-10px);
  436. transform: translateX(-10px);
  437. }
  438.  
  439. #nav a:hover::before,
  440. #nav a:hover::after,
  441. #nav a:focus::before,
  442. #nav a:focus::after {
  443. opacity: 1;
  444. -webkit-transform: translateX(0px);
  445. -moz-transform: translateX(0px);
  446. transform: translateX(0px);
  447. }
  448.  
  449.  
  450.  
  451. /*sidebar*/
  452.  
  453. #sidebar{
  454. position:fixed;
  455. margin-top:10px;
  456. margin-left:10px;
  457. width:230px;
  458. padding:10px;
  459. font-size:10px;
  460. color:{color:text};
  461. }
  462.  
  463. .blogtitle{
  464. font-family:{select:title font};
  465. font-size:25px;
  466. line-height:20px;
  467. padding-bottom:7px;
  468. text-align:left;
  469. color:{color:blogtitle};
  470. }
  471.  
  472. /*credits, don't delete*/
  473.  
  474. .wow {
  475. position:fixed;
  476. font-size:20px;
  477. right:10px;
  478. bottom:10px;
  479. z-index:999999999999999999999999;
  480. -o-transition-transition: all 0.3s ease;
  481. -webkit-transition: all 0.3s ease;
  482. -moz-transition: all 0.3s ease;
  483. transition: all 0.3s ease;
  484. }
  485.  
  486. .wow a{color:{color:top bar};}
  487. .wow:hover a{color:{color:text};}
  488. .wow:hover{
  489. -webkit-animation:pop 1s;
  490. -ms-transform: rotate(360deg); /* IE 9 */
  491. -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
  492. transform: rotate(360deg);
  493. }
  494.  
  495. @-webkit-keyframes pop{0% {-webkit-transform: scale(1);}50% {-webkit-transform: scale(.8);}100% {-webkit-transform: scale(1);}}
  496. </style>
  497.  
  498. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=720" /></head>
  499.  
  500. <link href='https://fonts.googleapis.com/css?family=Muli' rel='stylesheet' type='text/css'>
  501. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  502. <script type="text/javascript">
  503. WebFontConfig = {
  504. google: { families: [ 'Open+Sans:400,300:latin', 'Roboto:400,100:latin', 'Lato:400,300:latin', 'Raleway:400,300:latin', 'Montserrat:400,700:latin', 'NTR::latin', 'Karla::latin', 'Quicksand::latin', 'Petit+Formal+Script::latin', 'Parisienne::latin', 'Clicker+Script::latin' ] }
  505. };
  506. (function() {
  507. var wf = document.createElement('script');
  508. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  509. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  510. wf.type = 'text/javascript';
  511. wf.async = 'true';
  512. var s = document.getElementsByTagName('script')[0];
  513. s.parentNode.insertBefore(wf, s);
  514. })(); </script>
  515. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  516. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  517. <script>
  518. (function($){
  519. $(document).ready(function(){
  520. $("a[title]").style_my_tooltips({
  521. tip_follows_cursor:true,
  522. tip_delay_time:90,
  523. tip_fade_speed:600,
  524. attribute:"title"
  525. });
  526. });
  527. })(jQuery);
  528. </script>
  529.  
  530.  
  531. <body>
  532.  
  533. <div id="lace">
  534. <div id="nav">
  535. <a href="{text:Link 1}">{text:Link 1 Title}</a>
  536. <a href="{text:Link 2}">{text:Link 2 Title}</a>
  537. <a href="{text:Link 3}">{text:Link 3 Title}</a>
  538. <a href="{text:Link 4}">{text:Link 4 Title}</a>
  539. <a href="{text:Link 5}">{text:Link 5 Title}</a>
  540. <a href="http://planthed.tumblr.com" target="_blank">Theme</a>
  541. </div>
  542. </div>
  543.  
  544. <div id="sidebar">
  545. <div class="blogtitle">{text:blogtitle}</div>
  546. {Description}
  547. </div>
  548.  
  549.  
  550. <!--don't delete or i will fucking will you-->
  551. <div class="wow"><a title="theme credit" href="http://planthed.tumblr.com" target="_blank"><i class="fa fa-product-hunt"></i></a></div>
  552. <!--don't delete or i will fucking will you-->
  553.  
  554.  
  555. {block:iftransparentimage}
  556. <div style="position:fixed;z-index:-3;bottom:-3px;left:0px;opacity:.7;">
  557. <img src="{text:Transparent URL}" style="width:300px"></div>
  558. {/block:iftransparentimage}
  559.  
  560.  
  561. <div id="posts">
  562. {block:Posts}
  563. <div id="entry">
  564.  
  565.  
  566. {block:Text}
  567. {block:Title}<center><span class="title">{Title}</span></center>{/block:Title}
  568. <span class="entrytext">{Body}</span></span></a>
  569. {/block:Text}
  570.  
  571.  
  572. {block:Link}
  573. <a href="{URL}" class="title">{Name}</a>
  574. {block:Description}{Description}{/block:Description}
  575. {block:Link}
  576.  
  577. {block:Photo}
  578. {block:ifphotozoom}
  579. <div id="zoom"><img src="{PhotoURL-500}" alt="{PhotoAlt}"width=100%/></div>
  580. {/block:ifphotozoom}
  581. {block:ifNOTphotozoom}
  582. <img src="{PhotoURL-500}" alt="{PhotoAlt}"width=100%/>
  583. {/block:ifNOTphotozoom}
  584. {/block:Photo}
  585.  
  586. {block:Photoset}
  587. {block:IndexPage}
  588. {block:Photos}
  589. <img src="{PhotoURL-500}" class="photoset-img" />
  590. {/block:Photos}
  591. {/block:IndexPage}
  592. {block:PermalinkPage}
  593. {Photoset-400}
  594. {/block:PermalinkPage}
  595. {/block:Photoset}
  596.  
  597.  
  598. {block:Quote}
  599. <div class="quote">❝&nbsp;{quote}</div>
  600. {/block:Quote}
  601.  
  602. {block:Chat}
  603. <div class="chat">
  604. {block:Title}<span class="title">{Title}</span></span>{/block:Title}
  605. {block:Lines}<div class="lines {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<i>{Label}</i> {/block:Label}{Line}</div></div>{/block:Lines}
  606. </div>
  607. {/block:Chat}
  608.  
  609. {block:Audio}
  610. <div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><p><span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</div></div><p>
  611. {/block:Audio}
  612.  
  613.  
  614.  
  615. {block:Video}
  616. {block:IndexPage}
  617. {Video-250}
  618. {/block:IndexPage}</center>
  619. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  620. {block:Video}
  621.  
  622.  
  623. {block:Answer}
  624. <div class="as">{Asker} asked:</div>
  625. <div class="q">{Question}</div>
  626. <div class="ed">{name} replied:</div>
  627. <div class="a">{Answer}</div>
  628. {/block:Answer}
  629.  
  630. {block:IndexPage}
  631. <div class="block">
  632. <a href="{reblogURL}" target="_blank" >Reblog</a> – <a title="{Timeago}" href="{Permalink}" target="_blank" >{NoteCount}</a>
  633. </div>
  634. {/block:IndexPage}
  635.  
  636.  
  637. {block:PermalinkPage}
  638. {block:Caption}{Caption}{/block:Caption}
  639. <center>{block:RebloggedFrom}
  640. posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year} with {notecountwithlabel}<br>
  641. <b>orginally posted by:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>reblogged from:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
  642. {block:HasTags} tags: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</center>
  643. {block:NoteCount}{/block:NoteCount}
  644. {/block:PermalinkPage}
  645.  
  646. {block:PostNotes}
  647. <div id="postnotes">{PostNotes-16}</div>
  648. {/block:PostNotes}
  649. </div>
  650. {/block:Posts}
  651. </div></div>
  652.  
  653. {block:indexpage}
  654. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  655. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  656. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  657. <script type="text/javascript">
  658. $(window).load(function(){
  659. var $wall = $('#posts');
  660. $wall.imagesLoaded(function(){
  661. $wall.masonry({
  662. itemSelector: '#entry, #entry_photo',
  663. isAnimated : false
  664. });
  665. });
  666.  
  667. $wall.infinitescroll({
  668. navSelector : '#page-nav',
  669. nextSelector : '#page-nav a',
  670. itemSelector : '#entry, #entry_photo',
  671. bufferPx : 2000,
  672. debug : false,
  673. errorCallback: function() {
  674. $('#infscr-loading').fadeOut('normal');
  675. }},
  676. function( newElements ) {
  677. var $newElems = $( newElements );
  678. $newElems.hide();
  679. $newElems.imagesLoaded(function(){
  680. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  681. });
  682. }); $('#content').show(500);
  683. });
  684. </script>
  685. {/block:indexpage}
  686. </body>
  687. </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!