API tools faq
paste
Advertisement
kathisneckdeep

[OLD] theme 8: girl crush

kathisneckdeep
Apr 11th, 2016
437
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.13 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6.  
  7. *.。.☆ girl crush theme (theme 8) by distance-themes or fleaur ☆.。.*
  8. don't repost as your own + pls pls keep the credit
  9. hope you like this! enjoy x
  10. -->
  11.  
  12. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  13.  
  14. <link href='https://fonts.googleapis.com/css?family=Raleway:300' rel='stylesheet' type='text/css'>
  15.  
  16. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script> <script> (function($){ $(document).ready(function(){ $("[title],a[title],img[title]").style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:100, tip_fade_speed:300, attribute:"title" }); }); })(jQuery); </script>
  17.  
  18. <script type="text/javascript">
  19. function unhide(divID) {
  20. var item = document.getElementById(divID);
  21. if (item) {
  22. item.className=(item.className=='hidden')?'unhidden':'hidden';
  23. }
  24. }
  25. </script>
  26.  
  27. <meta name="color:background" content="#ffffff"/>
  28. <meta name="color:text" content="#4d4d4d"/>
  29. <meta name="color:link" content="#4d4d4d"/>
  30. <meta name="color:post bg" content="#ffffff"/>
  31. <meta name="color:border" content="#eeeeee"/>
  32. <meta name="color:bar" content="#efebf7"/>
  33. <meta name="color:bar2" content="#dfd7ee"/>
  34. <meta name="color:barh" content="#dfd7ee"/>
  35.  
  36.  
  37. <meta name="image:background" content=""/>
  38.  
  39. <meta name="if:more links" content="0"/>
  40. <meta name="if:infinite scroll" content="0"/>
  41. <meta name="text:more" content="put extra links, updates, stats, announcements here, idk"/>
  42.  
  43. <meta name="text:updates 1 title" content="title 1"/>
  44. <meta name="text:updates 1 text" content="Put anything here. Updates, stats, announcements, links, networks, etc."/>
  45. <meta name="text:updates 2 title" content="title 2"/>
  46. <meta name="text:updates 2 text" content="Put anything here. Updates, stats, announcements, links, networks, etc."/>
  47. <meta name="text:updates 3 title" content="title 3"/>
  48. <meta name="text:updates 3 text" content="Put anything here. Updates, stats, announcements, links, networks, etc."/>
  49.  
  50. <meta name="text:link 1 url" content="/"/>
  51. <meta name="text:link 1 name" content="home"/>
  52. <meta name="text:link 2 url" content="/ask"/>
  53. <meta name="text:link 2 name" content="mssg me"/>
  54. <meta name="text:link 3 url" content="/submit"/>
  55. <meta name="text:link 3 name" content="submit"/>
  56. <meta name="text:link 4 url" content="/archive"/>
  57. <meta name="text:link 4 name" content="past"/>
  58.  
  59.  
  60.  
  61. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  62. <script type="text/javascript">
  63. $(document).ready(function () {
  64. $("#clk").toggle(function() {
  65. $("#upd").show();
  66. }, function() {
  67. $("#upd").hide();
  68. });
  69. });
  70. </script>
  71.  
  72. <link rel="shortcut icon" href="{Favicon}">
  73. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  74. <link href="http://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  75.  
  76.  
  77. <style type="text/css">
  78.  
  79. ::-webkit-scrollbar {
  80. width: 6px;
  81. height: 4px;
  82. background: {color:postbg};
  83. }
  84.  
  85. ::-webkit-scrollbar-thumb {
  86. background-color: {color:barh};
  87. -webkit-border-radius: 1ex;
  88. }
  89.  
  90. #s-m-t-tooltip {
  91. max-width:300px;
  92. margin:10px 0px 0px 10px;
  93. padding:3px 3px 3px 3px;
  94. background: #fff;
  95. font-family: 'Raleway', sans-serif;
  96. font-size:10px;
  97. letter-spacing:0px;
  98. text-transform:lowercase;
  99. color:#000;
  100. z-index:999999999999999999999999999999999999;
  101. }
  102.  
  103. #updates{
  104. width:170px;
  105. top:90px;
  106. right:35px;
  107. position:fixed;
  108. }
  109.  
  110. #updtitle{
  111. border:1px solid {color:bar};
  112. letter-spacing: 1px;
  113. text-transform:uppercase;
  114. padding:5px;
  115. }
  116.  
  117. #upds{
  118. margin-top:5px;
  119. border:1px solid {color:bar};
  120. letter-spacing: 1px;
  121. padding:5px;
  122. }
  123.  
  124. .updt1{
  125. background:{color:bar};
  126. padding:3px;
  127. letter-spacing: 1px;
  128. text-transform:uppercase;
  129. text-align:center;
  130. }
  131.  
  132. #updte1{
  133. border:1px solid{color:bar};
  134. padding:3px;
  135. margin-top:3px;
  136. letter-spacing: 1px;
  137. text-align:center;
  138. }
  139.  
  140. .updt2{
  141. background:{color:bar};
  142. padding:3px;
  143. margin-top:5px;
  144. letter-spacing: 1px;
  145. text-transform:uppercase;
  146. text-align:center;
  147. }
  148.  
  149. #updte2{
  150. border:1px solid{color:bar};
  151. padding:3px;
  152. margin-top:3px;
  153. letter-spacing: 1px;
  154. text-align:center;
  155. }
  156.  
  157. .updt3{
  158. background:{color:bar};
  159. padding:3px;
  160. margin-top:5px;
  161. letter-spacing: 1px;
  162. text-transform:uppercase;
  163. text-align:center;
  164. }
  165.  
  166. #updte3{
  167. border:1px solid{color:bar};
  168. padding:3px;
  169. margin-top:3px;
  170. letter-spacing: 1px;
  171. text-align:center;
  172. }
  173.  
  174. #topbar{
  175. top:0;
  176. right:0;
  177. left:0;
  178. width:100%;
  179. z-index:20000;
  180. height:20px;
  181. background-color:{color:bar};
  182. position:fixed;
  183. }
  184.  
  185. #bottombar{
  186. bottom:0;
  187. right:0;
  188. left:0;
  189. width:100%;
  190. z-index:10000;
  191. height:20px;
  192. background-color:{color:bar};
  193. position:fixed;
  194. }
  195.  
  196. #leftbar{
  197. top:0;
  198. left:0;
  199. height:100%;
  200. z-index:10000;
  201. width:20px;
  202. background-color:{color:bar};
  203. position:fixed;
  204. }
  205.  
  206. #rightbar{
  207. top:0;
  208. right:0;
  209. height:100%;
  210. z-index:10000;
  211. width:20px;
  212. background-color:{color:bar};
  213. position:fixed;
  214. }
  215.  
  216. .tbtitle{
  217. text-transform:uppercase;
  218. font-size:20px;
  219. letter-spacing: 2px;
  220. margin-top:4px;
  221. padding:5px;
  222. }
  223.  
  224.  
  225. #bsbaryo{
  226. width:250px;
  227. height:auto;
  228. padding:5px;
  229. font-style:bold;
  230. background:#fff;
  231. top:50%;
  232. left:55px;
  233. font-family: 'Raleway', sans-serif;
  234. text-align:center;
  235. position:fixed;
  236. }
  237.  
  238. #hdesc{
  239. z-index:200;
  240. -webkit-transition: all .7s ease-in-out;
  241. -moz-transition: all .7s ease-in-out;
  242. -ms-transition: all .7s ease-in-out;
  243. -o-transition: all .7s ease-in-out;
  244. transition: all .7s ease-in-out;
  245. opacity:1;
  246. position:absolute;
  247. bottom:105px;
  248. border:1px solid {color:bar};
  249. padding:5px;
  250. max-width:200px;
  251. left:80px;
  252. text-align:center;
  253. }
  254.  
  255. .hclose{
  256. border-bottom:1px solid {color:bar};
  257. padding:3px;
  258. text-align:right;
  259. }
  260.  
  261. .linkiees{
  262. z-index:200;
  263. -webkit-transition: all .7s ease-in-out;
  264. -moz-transition: all .7s ease-in-out;
  265. -ms-transition: all .7s ease-in-out;
  266. -o-transition: all .7s ease-in-out;
  267. transition: all .7s ease-in-out;
  268. opacity:1;
  269. position:absolute;
  270. margin-top:5px;
  271. padding:5px;
  272. max-width:200px;
  273. margin-left:12px;
  274. text-align:center;
  275. }
  276.  
  277. .linkiees a{
  278. margin-top:2px;
  279. margin-right:2px;
  280. font-size:10px;
  281. line-height:20px;
  282. padding:2px;
  283. border:1px solid {color:bar};
  284. }
  285.  
  286. .linkiees a:hover{
  287. -webkit-transition: all 1s ease-in-out;
  288. -moz-transition: all 1s ease-in-out;
  289. -ms-transition: all 1s ease-in-out;
  290. -o-transition: all 1s ease-in-out;
  291. transition: all 1s ease-in-out;
  292. background:{color:barh};
  293. }
  294.  
  295. .hidden {
  296. display: none;
  297. -webkit-transition: all .7s ease-in-out;
  298. -moz-transition: all .7s ease-in-out;
  299. -ms-transition: all .7s ease-in-out;
  300. -o-transition: all .7s ease-in-out;
  301. transition: all .7s ease-in-out;
  302. }
  303. .unhidden {
  304. display: block;
  305. -webkit-transition: all .7s ease-in-out;
  306. -moz-transition: all .7s ease-in-out;
  307. -ms-transition: all .7s ease-in-out;
  308. -o-transition: all .7s ease-in-out;
  309. transition: all .7s ease-in-out;
  310. }
  311.  
  312. #content {
  313. margin-top:0px;
  314. margin-left:350px;
  315. margin-bottom:10px;
  316. width: 700px;
  317. float: left;
  318. border-left:3px solid {color:bar};
  319. border-right:3px solid {color:bar};
  320. {block:PermalinkPage}
  321. border-left:0px solid {color:bar};
  322. border-right:0px solid {color:bar};
  323. margin-right:20px;{/block:PermalinkPage}
  324. }
  325.  
  326.  
  327. body {
  328. background-color: {color:background};
  329. background-image: url({image:background});
  330. background-attachment:fixed;background-repeat:repeat;
  331. background-position:center;
  332. font-family: 'Raleway', sans-serif;
  333. font-size: 11px;
  334. color: {color:text};
  335. }
  336.  
  337. a {
  338. color: {color:link};
  339. text-decoration:none;
  340. }
  341.  
  342. blockquote {
  343. padding-left:5px;
  344. border-left:2px solid;
  345. color: {color:text};
  346. margin-left:3px;
  347. margin-bottom:5px;
  348. }
  349.  
  350. img, embed, object, video {
  351. max-width: 100%;
  352. }
  353.  
  354. .tmblr-iframe{
  355. z-index:9999999999999999999!important;
  356. max-width: 100%;
  357. }
  358.  
  359. /*post stuff*/
  360.  
  361. article {
  362. -webkit-transition: all .7s ease-in-out;
  363. -moz-transition: all .7s ease-in-out;
  364. -ms-transition: all .7s ease-in-out;
  365. -o-transition: all .7s ease-in-out;
  366. transition: all .7s ease-in-out;
  367. background: {color:post bg};
  368. margin: 20px;
  369. margin-top:40px;
  370. margin-left:45px;
  371. margin-bottom:20px;
  372. padding: 10px;
  373. width: 250px;
  374. {block:PermalinkPage}width:400px;{/block:PermalinkPage}
  375. border: 3px solid {color:bar};
  376. }
  377.  
  378. #note{
  379. max-height:250px;
  380. overflow:auto;
  381. }
  382.  
  383.  
  384. article:hover #perma1{
  385. z-index:200;
  386. -webkit-transition: all .7s ease-in-out;
  387. -moz-transition: all .7s ease-in-out;
  388. -ms-transition: all .7s ease-in-out;
  389. -o-transition: all .7s ease-in-out;
  390. transition: all .7s ease-in-out;
  391. opacity:1;
  392. top:-3px;
  393. }
  394.  
  395. .title{
  396. font-family: 'Raleway', sans-serif;
  397. font-size:20px;
  398. margin-bottom:1px;
  399. }
  400.  
  401. .ans{
  402. font-family: 'Raleway', sans-serif;
  403. }
  404. .qtext{
  405. font-family: 'Raleway', sans-serif;
  406. }
  407.  
  408. .wteveridk{
  409. font-family: 'Raleway', sans-serif;
  410. margin-left:5px;
  411. margin-bottom:-3px;
  412. }
  413.  
  414. .chat span {
  415. float: left;
  416. margin-right: 10px;
  417. }
  418.  
  419. #perma1{
  420. -webkit-transition: all .7s ease-in-out;
  421. -moz-transition: all .7s ease-in-out;
  422. -ms-transition: all .7s ease-in-out;
  423. -o-transition: all .7s ease-in-out;
  424. transition: all .7s ease-in-out;
  425. opacity:0;
  426. background:{color:bar};
  427. text-align: center;
  428. position: absolute;
  429. height:10px;
  430. width:254px;
  431. top:-15px;
  432. margin-left:-13px;
  433. font-family: 'Raleway', sans-serif;
  434. letter-spacing: 1px;
  435. padding:10px;
  436. font-size: 9px;
  437. {block:PermalinkPage}display:none;{/block:PermalinkPage}
  438. }
  439.  
  440. #perma2{
  441. border-top:1px solid{color:bar};
  442. text-align:center;
  443. padding:3px;
  444. font-size:9px;
  445. padding-bottom:0px;
  446. letter-spacing: 1px;
  447. text-transform:uppercase;
  448. }
  449.  
  450. .tumblr_audio_player {
  451. width: 400px;
  452. height: 100px;
  453. overflow: hidden;
  454. position: relative;
  455. z-index: 1000;
  456. }
  457.  
  458. {block:ifnotinfinitescroll}
  459. .pagi { /*pagi stuff*/
  460. font-size:15px;
  461. font: {select:font};
  462. color: {color:link};
  463. text-align:center;
  464. padding:2px;
  465. padding-top:5px;
  466. }
  467. {/block:ifnotinfinitescroll}
  468.  
  469. {block:ifinfinitescroll}
  470. .pagi {
  471. display:none;
  472. }
  473. {/block:ifinfinitescroll}
  474.  
  475. .kathrynisfab{
  476. background:{color:bar2};
  477. border-radius:50% 50% 50% 50%;
  478. color:#ccc;
  479. font-family: 'Raleway', sans-serif;
  480. padding:5px;
  481. position:fixed;
  482. bottom:30px;
  483. right:30px;
  484. font-size:10px;
  485. }
  486.  
  487. .kathrynisfab:hover{
  488. -webkit-transition: all 1s ease-in-out;
  489. -moz-transition: all 1s ease-in-out;
  490. -ms-transition: all 1s ease-in-out;
  491. -o-transition: all 1s ease-in-out;
  492. transition: all 1s ease-in-out;
  493. transform: rotate(180deg);
  494. -ms-transform: rotate(180deg);
  495. -webkit-transform: rotate(180deg);
  496. -o-transform: rotate(180deg);
  497. -moz-transform: rotate(180deg);
  498. }
  499.  
  500. </style>
  501. </head>
  502. <body>
  503.  
  504. <title>{Title}</title>
  505. <div id="updates">
  506. <div id="updtitle">
  507. <a href="javascript:unhide('upds');">updates</a>
  508. </div>
  509.  
  510. <div id="upds" class="hidden">
  511. <div class="updt1"><a href="javascript:unhide('updte1');">
  512. {text:updates 1 title}
  513. <i class="fa fa-minus-square-o"></i></a></div>
  514. <div id="updte1">
  515. {text:updates 1 text}
  516. </div>
  517. <div class="updt2"><a href="javascript:unhide('updte2');">
  518. {text:updates 2 title}
  519. <i class="fa fa-minus-square-o"></i></a></div>
  520. <div id="updte2">
  521. {text:updates 2 text}
  522. </div>
  523. <div class="updt3"><a href="javascript:unhide('updte3');">
  524. {text:updates 3 title}
  525. <i class="fa fa-minus-square-o"></i></a></div>
  526. <div id="updte3">
  527. {text:updates 3 text}
  528. </div>
  529. </div></div>
  530.  
  531. <div id="topbar"></div>
  532. <div id="bottombar"></div>
  533. <div id="leftbar"></div>
  534. <div id="rightbar"></div>
  535.  
  536. <div id="bsbaryo">
  537. <div class="tbtitle">
  538. <a href="/">{Title}</a> </div>
  539. {Description}
  540.  
  541. <div class="linkiees">
  542. <a href="{text:link 1 url}" >{text:link 1 name}</a>
  543. <a href="{text:link 2 url}" >{text:link 2 name}</a>
  544. <a href="{text:link 3 url}" >{text:link 3 name}</a>
  545. <a href="{text:link 4 url}" >{text:link 4 name}</a>
  546. {block:ifmorelinks}
  547. <a href="javascript:unhide('hdesc');">more</a>
  548. {/block:ifmorelinks}
  549. {block:HasPages}
  550. {block:Pages}
  551. / <a href="{URL}">{Label}</a></li>
  552. {/block:Pages}
  553. {/block:HasPages}
  554. <a href="http://maoli.co.vu/" title="credits">theme</a></div>
  555. </div>
  556.  
  557. <div id="hdesc" class="hidden">
  558. <div class="hclose">
  559. <a href="javascript:unhide('hdesc');">CLOSE <i class="fa fa-minus-square-o"></i> </a></div>
  560. <br>
  561. {text:more}<br></div>
  562.  
  563. {block:Pagination}
  564. <div class="pagination">
  565. <div class="pagi">
  566. {block:PreviousPage}<a href="{PreviousPage}"><</a>{/block:PreviousPage}
  567. {block:NextPage}<a href="{NextPage}">></a>{/block:NextPage}
  568. </div></div>
  569. {/block:Pagination}
  570. </div>
  571. <nav>
  572. <ul>
  573. {block:HasPages}
  574. {block:Pages}
  575. <li> <a href="{URL}">{Label}</a></li>
  576. {/block:Pages}
  577. {/block:HasPages}
  578. </ul>
  579. </nav>
  580.  
  581. <div id="content">
  582. {block:Posts}
  583. <article>
  584. {block:Text}
  585. <div class="text">
  586. {block:Title}<h1 class="title">
  587. <a href="{Permalink}">{Title}</a>
  588. </h1>{/block:Title}
  589. {Body}
  590. <div id="perma2">
  591. <a href="{ReblogURL}" target="_blank"> REBLOG</a> | <a href="{Permalink}">{NoteCount} NOTES</a> | {TimeAgo}
  592. </div>
  593. {/block:Text}
  594.  
  595. {block:Photo}
  596. <div class="photo">
  597. {LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-400}" alt="{PhotoAlt}" /></a>{LinkCloseTag}
  598. <div id="perma1">
  599. <a href="{ReblogURL}" target="_blank" title="{TimeAgo}"> REBLOG</a> | <a href="{Permalink}" title="{NoteCount}">{NoteCount} NOTES</a>
  600. </div>
  601. {/block:Photo}
  602.  
  603. {block:Photoset}
  604. <div class="photoset">
  605. {block:IndexPage}
  606. {Photoset-250}
  607. {/block:IndexPage}
  608. {block:PermalinkPage}
  609. {Photoset-400}
  610. {/block:PermalinkPage}
  611. <div id="perma2">
  612. <a href="{ReblogURL}" target="_blank"> REBLOG</a> | <a href="{Permalink}">{NoteCount} NOTES</a> | {TimeAgo}
  613. </div>
  614. {/block:Photoset}
  615.  
  616. {block:Quote}
  617. <div class="quote">
  618. {Quote}
  619. {block:Source}<cite>{Source}</cite>{/block:Source}
  620. <div id="perma2">
  621. <a href="{ReblogURL}" target="_blank"> REBLOG</a> | <a href="{Permalink}">{NoteCount} NOTES</a> | {TimeAgo}
  622. </div>
  623. {/block:Quote}
  624.  
  625. {block:Link}
  626. <div class="link">
  627. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  628. {block:Description}{Description}{/block:Description}
  629. <div id="perma2">
  630. <a href="{ReblogURL}" target="_blank"> REBLOG</a> | <a href="{Permalink}">{NoteCount} NOTES</a> | {TimeAgo}
  631. </div>
  632. {/block:Link}
  633.  
  634. {block:Chat}
  635. <div class="chat">
  636. <ul>
  637. {block:Lines}
  638. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  639. {/block:Lines}
  640. </ul>
  641. <div id="perma2">
  642. <a href="{ReblogURL}" target="_blank"> REBLOG</a> | <a href="{Permalink}">{NoteCount} NOTES</a> | {TimeAgo}
  643. </div>
  644. {/block:Chat}
  645.  
  646. {block:Audio}
  647. <div class="audio">
  648. {block:AlbumArt}
  649. <img src="{AlbumArtURL}" width="100px" height="100px"/>
  650. {/block:AlbumArt}
  651. {AudioPlayerWhite}
  652. {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
  653. {block:TrackName}<b>track:</b> {TrackName}{/block:TrackName}</span><br>
  654. {block:Artist}<b>artist:</b> {Artist}{/block:Artist}
  655. <div id="perma2">
  656. <a href="{ReblogURL}" target="_blank"> REBLOG</a> | <a href="{Permalink}">{NoteCount} NOTES</a> | {TimeAgo}
  657. </div>
  658. {/block:Audio}
  659.  
  660. {block:Video}
  661. <div class="video">
  662. <div class="video-player">{Video-400}</div>
  663. <div id="perma2">
  664. <a href="{ReblogURL}" target="_blank"> REBLOG</a> | <a href="{Permalink}">{NoteCount} NOTES</a> | {TimeAgo}
  665. </div>
  666. {/block:Video}
  667.  
  668. {block:Answer}
  669. <div class="answer">
  670. <div class="ans">
  671. <img src="{AskerPortraitURL-30}" align="left" style="margin-top:-3px;margin-right:4px;border-radius:10px;background:#fff;padding:2px;">
  672. {Asker}:<em>{Question}</em>
  673. {Answer}
  674. <div id="perma2">
  675. <a href="{ReblogURL}" target="_blank"> REBLOG</a> | <a href="{Permalink}">{NoteCount} NOTES</a> | {TimeAgo}
  676. </div>
  677. {/block:Answer}
  678. </div>
  679.  
  680. <div id="perma">
  681. {block:PermalinkPage}
  682. {Caption}<br>
  683. {block:HasTags}</br>{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  684. {block:RebloggedFrom}</br>source: <a href="{ReblogRootURL}">{ReblogRootName}</a> / via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
  685. <div id="note">
  686. {block:PostNotes}{PostNotes}{/block:PostNotes}
  687. </div></div>
  688. {/block:PermalinkPage}
  689. </footer>
  690. </article>
  691. {/block:Posts}
  692. </div>
  693.  
  694. <!-- don't delete the credit -->
  695. <div class="kathrynisfab"><a href="http://j.gs/12878167/theme-credit" title="distance themes" target="_blank">DT</a></div>
  696. <!-- don't delete the credit -->
  697.  
  698. <!-- don't touch it lol -->
  699.  
  700. <div style="display:none">
  701. <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5263526";
  702. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  703. fhs.src = "//s1.freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  704. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  705. </script>
  706. </div>
  707.  
  708. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  709. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  710. {block:IfInfiniteScroll}
  711. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  712. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  713. {/block:IfInfiniteScroll}
  714.  
  715. <script>
  716. (function() {
  717. var $tumblelog = $('#content');
  718. {block:IfInfiniteScroll}
  719. $tumblelog.infinitescroll({
  720. navSelector : ".pagination",
  721. nextSelector : ".pagination a:first",
  722. itemSelector : "article",
  723. bufferPx : 50,
  724. done : "",
  725. loading: {
  726. img : "",
  727. msgText: ""
  728. },
  729. },
  730. function( newElements ) {
  731. var $newElems = $( newElements ).css({ opacity: 0 });
  732. $newElems.imagesLoaded(function(){
  733. $newElems.animate({ opacity: 1 });
  734. $tumblelog.masonry( 'appended', $newElems);
  735. });
  736. }
  737. );
  738. {/block:IfInfiniteScroll}
  739. $tumblelog.imagesLoaded( function(){
  740. $tumblelog.masonry({
  741. columnWidth: function( containerWidth ) {
  742. return containerWidth / 100;
  743. }
  744. });
  745. });
  746. })();
  747. </script>
  748. </body>
  749. </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!