API tools faq
paste
Advertisement
kissingliamsthemes

THEME 24 V1

kissingliamsthemes
Jan 1st, 2016
490
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.55 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" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8.  
  9.  
  10. <!-- Theme by @apheilon
  11. Please read the rules first
  12. Thank you for using -->
  13.  
  14. <!-- COLORS -->
  15.  
  16. <meta name="color:text" content="#777777"/>
  17. <meta name="color:border" content="#f3f3f3"/>
  18. <meta name="color:link" content="#313131"/>
  19. <meta name="color:scrollbar" content="#ececec"/>
  20. <meta name="color:selection" content="#f3f3f3"/>
  21. <meta name="color:linkhover" content="#eeeeee"/>
  22.  
  23.  
  24. <!-- IMAGES -->
  25.  
  26. <meta name="image:sidebar" content=""/>
  27.  
  28. <!-- LINKS -->
  29.  
  30. <meta name="text:link 1" content="link 1"/>
  31. <meta name="text:link 1 url" content="/" />
  32. <meta name="text:link 2" content="link 2"/>
  33. <meta name="text:link 2 url" content="/" />
  34. <meta name="text:link 3" content="link 3"/>
  35. <meta name="text:link 3 url" content="/" />
  36. <meta name="text:link 4" content="link 4"/>
  37. <meta name="text:link 4 url" content="/" />
  38. <meta name="text:link 5" content="link 5"/>
  39. <meta name="text:link 5 url" content="/" />
  40. <meta name="text:link 6" content="link 6"/>
  41. <meta name="text:link 6 url" content="/" />
  42.  
  43. <meta name="if:hide captions" content="0"/>
  44.  
  45.  
  46.  
  47. <!-- TEXT -->
  48.  
  49. <style type="text/css">
  50.  
  51. ::selection {background: #fff; color:{color:selection};}
  52. ::-moz-selection {background: #fff; color:{color:selection};}
  53. ::-webkit-selection {background: #fff; color:{color:selection};}
  54.  
  55. ::-webkit-scrollbar-thumb {background-color: {color:scrollbar}; border: 4px solid #fff; height:auto; border-bottom:none;}
  56.  
  57. ::-webkit-scrollbar {height:9px;width:9px;background-color:#fff; border:4px solid #fff;}
  58.  
  59.  
  60. ::selection {background-color:#fff;}
  61.  
  62.  
  63. @import url(http://fonts.googleapis.com/css?family=Alegreya+Sans+SC);
  64.  
  65.  
  66. body, a, a:hover {cursor: url(http://media.tumblr.com/8d531d6c90214f7c87dbff371fc474bc/tumblr_inline_mmsrpsNO3J1qz4rgp.png), auto;}
  67.  
  68. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.2;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
  69.  
  70. iframe#tumblr_controls:hover { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:1; }
  71.  
  72.  
  73.  
  74. /* --- BODY ---*/
  75.  
  76.  
  77. body {
  78. font-style:none;
  79. background:#ffffff;
  80. margin:0px; color:{color:text};
  81. font-family:calibri;
  82. font-size:10px;
  83. line-height:100%;
  84. }
  85.  
  86. blockquote {
  87. border-left:1px solid {color:border};
  88. padding-left:5px;
  89. margin:10px;
  90. }
  91.  
  92. a {
  93. color:{color:link}
  94. }
  95.  
  96. a {
  97. text-decoration:none;
  98. -webkit-transition:all .3s ease-in-out;
  99. -moz-transition:all .3s ease-in-out;
  100. -o-transition:all .3s ease-in-out;
  101. -ms-transition:all .3s ease-in-out;
  102. transition:all .3s ease-in-out;
  103. }
  104.  
  105. a:hover {
  106. color:{color:linkhover}
  107. }
  108.  
  109. img {none;}
  110.  
  111.  
  112. h1 , h2 {
  113. font-size:8px;
  114. line-height:100%;
  115. text-align:justify;
  116. letter-spacing:1px;
  117. text-transform:uppercase;
  118. font-family:calibri;
  119. }
  120.  
  121.  
  122. #entries {
  123. width:250px;
  124. margin:0 auto;
  125. margin-top:80px;
  126. }
  127.  
  128. #post {
  129. width:250px;
  130. font-style:none;
  131. margin-bottom:100px;
  132. background:#fff;
  133. }
  134.  
  135. #post img {
  136. -webkit-transition:all .3s ease-in-out;
  137. -moz-transition:all .3s ease-in-out;
  138. -o-transition:all .3s ease-in-out;
  139. -ms-transition:all .3s ease-in-out;
  140. transition:all .3s ease-in-out;
  141. }
  142.  
  143. #post img:hover {
  144. opacity:0.8;
  145. -webkit-transition:all .3s ease-in-out;
  146. -moz-transition:all .3s ease-in-out;
  147. -o-transition:all .3s ease-in-out;
  148. -ms-transition:all .3s ease-in-out;
  149. transition:all .3s ease-in-out;
  150. }
  151.  
  152.  
  153. /* --- SIDEBAR ---*/
  154.  
  155.  
  156. .sidebar {
  157. width:100%;
  158. height:100px;
  159. position:fixed;
  160. margin-left:0 auto;
  161. margin-top:-70px;
  162.  
  163. }
  164.  
  165. .sidebarimage img {
  166. width:60px;
  167. border-radius:100%;
  168. background:#fff;
  169. margin-top:60px;
  170. margin-left:0 auto;
  171. text-align:center;
  172. }
  173.  
  174.  
  175. #title {
  176. font-family: 'Alegreya Sans SC', sans-serif;
  177. font-size:12px;
  178. text-align:center;
  179. margin-top:20px;
  180. letter-spacing:1px;
  181. text-transform:uppercase;
  182. margin-left:0 auto;
  183. width:100%;
  184. background:#ffffff;
  185. color:{color:text};
  186. }
  187.  
  188.  
  189.  
  190. #description {
  191. margin-left: 0 auto;
  192. margin-top:10px;
  193. width:250px;
  194. background:#fff;
  195. line-height: 100%;
  196. text-align:center;
  197. text-transform:none;
  198. font-family:calibri;
  199. font-size:10px;
  200. font-style:italic;
  201. }
  202.  
  203.  
  204. /* --- LINKS ---*/
  205.  
  206.  
  207. /* ------ POP UP LINKS STYLING ------*/
  208.  
  209. #fade { /*--Transparent background layer--*/
  210. display: none; /*--hidden by default--*/
  211. background: #fff;
  212. position: fixed; left: 0; top: 0;
  213. width: 100%; height: 100%;
  214. opacity: .8;
  215. z-index: 9999;
  216. }
  217. .popup_block{
  218. display: none; /*--hidden by default--*/
  219. background: #fff;
  220. padding: 20px;
  221. float: left;
  222. font-size: 10px;
  223. font-family:calibri;
  224. line-height:15px;
  225. position: fixed;
  226. top: 50%; left: 51.5%;
  227. z-index: 99999;
  228. }
  229. img.btn_close {
  230. float: right;
  231. margin: -5px -5px 0 0;
  232. }
  233. /*--Making IE6 Understand Fixed Positioning--*/
  234. *html #fade {
  235. position: absolute;
  236. }
  237. *html .popup_block {
  238. position: absolute;
  239. }
  240.  
  241. #pulinks {
  242. text-align:center;
  243. margin:0 auto;
  244. }
  245.  
  246. #pulinks a{
  247. display:inline-block;
  248. font-size:10px;
  249. letter-spacing:0.5px;
  250. text-align:center;
  251. font-family:calibri;
  252. text-transform:lowercase;
  253. text-decoration:none;
  254. padding:10px;
  255. font-style:italic;
  256. background:#fff;
  257. font-weight:100;
  258. border:1px; border-width:1px; border-color:#fff; border-style:solid; border-left:none; border-top:none; border-right:none;
  259. -webkit-transition: all 0.5s ease-in-out;
  260. -moz-transition: all 0.5s ease-in-out;
  261. -o-transition: all 0.5s ease-in-out;
  262. }
  263.  
  264. #pulinks a:hover {
  265. border-color:{color:linkhover};
  266. -webkit-transition: all 0.5s ease-in-out;
  267. -moz-transition: all 0.5s ease-in-out;
  268. -o-transition: all 0.5s ease-in-out;
  269. }
  270.  
  271. #links {
  272. text-align:center;
  273. margin-left:0 auto;
  274. margin-top:10px;
  275. width:100%;
  276. font-weight:100;
  277. }
  278.  
  279.  
  280. #links a {
  281. letter-spacing:1px;
  282. text-transform:uppercase;
  283. font-size:8px;
  284. text-align:center;
  285. padding:10px;
  286. }
  287.  
  288. #links a:hover {
  289. color:{color:linkhover};
  290. border-color:{color:linkhover};
  291. }
  292.  
  293.  
  294.  
  295. #s-m-t-tooltip{
  296. /* basic */
  297. max-width:300px;
  298. z-index:10;
  299. margin:24px 14px 7px 12px;
  300. /* style and design */
  301. padding:2px;
  302. background:#222; /* fallback if rgba not supported */
  303. background:rgba(0,0,0,0.8);
  304. font-size:11px;
  305. color:#fff;
  306. opacity:0.5;
  307. }
  308.  
  309. #s-m-t-tooltip {
  310.  
  311. max-width:300px; /* maximum width */
  312.  
  313. background:#fff; /* color background */
  314.  
  315. font-size:8px; /* font size */
  316.  
  317. color:{color:text}; /* font color */
  318.  
  319. letter-spacing:1px; /* font spacing */
  320.  
  321. text-transform:uppercase; /* uppercase, lowercase, none */
  322.  
  323. padding:3px; /* padding size */
  324.  
  325. margin:20px 0px 0px 20px; /* margin size */
  326.  
  327. z-index:9999999999999999999999;
  328.  
  329. border-radius: 2px; /* border radius */
  330.  
  331. }
  332.  
  333. /* --- POST INFO ---*/
  334.  
  335. #info {
  336. font-family:calibri;
  337. text-align:center;
  338. font-size:8px;
  339. line-height:100%;
  340. letter-spacing:0.5px;
  341. width:250px;
  342. text-align:left;
  343. font-weight:900;
  344. margin-left:-1px;
  345. color:{color:postinfo};
  346. margin-top:10px;
  347. text-transform:uppercase;
  348. }
  349.  
  350. #info a {
  351. color:{color:postinfo};
  352. }
  353.  
  354.  
  355. #date {
  356. font-family:calibri;
  357. text-transform:lowercase;
  358.  
  359. }
  360.  
  361.  
  362. #taggies {
  363. font-family:calibri;
  364. text-align:left;
  365. font-size:8px;
  366. font-style:none;
  367. letter-spacing:1px;
  368. text-transform:uppercase;
  369. margin-top:12px;
  370. position:absolute;
  371. margin-left:0px;
  372. width:250px;
  373. }
  374.  
  375. #taggies a {
  376. text-align:left;
  377. }
  378.  
  379. .reblog {
  380. text-align:right;
  381. margin-top:-7px;
  382. }
  383.  
  384. /* --- POST NOTES --- */
  385.  
  386. ol.notes {
  387. display:block;
  388. text-align:right;
  389. list-style-type:none;
  390. width:250px;
  391. padding:10px;
  392. }
  393.  
  394. ol.notes img.avatar {display: none;}
  395.  
  396. ol.notes li.note{
  397. padding:10px;
  398. }
  399.  
  400. .pagenotes {
  401. text-align:left;
  402. margin-top:15px;
  403. margin-left:10px;
  404. }
  405.  
  406.  
  407. #pt {
  408. font-size:8px;
  409. letter-spacing:0.5px;
  410. width:250px;
  411. font-weight:900;
  412. text-transform:uppercase;
  413. background:#fff;
  414. font-family:calibri;
  415. padding:10px;
  416. border:1px; border-width:1px; border-style:solid; border-color:{color:border};
  417. border-top:none; border-left:none; border-right:none;
  418. }
  419.  
  420.  
  421. /* CHAT */
  422.  
  423. ul.chat{
  424. list-style:none;
  425. margin-left:-40px;
  426. padding:10px;
  427. }
  428.  
  429. .chat span {
  430. float: left;
  431. padding:10px;
  432. }
  433.  
  434. #label {
  435. font-size:8px;
  436. letter-spacing:0.5px;
  437. font-weight:900;
  438. text-transform:uppercase;
  439. font-family:calibri;
  440. padding:10px;
  441.  
  442. }
  443.  
  444. #quote {
  445. font-size:8px;
  446. line-height:100%;
  447. text-align:left;
  448. letter-spacing:1px;
  449. text-transform:uppercase;
  450. font-family:calibri;
  451. }
  452.  
  453. #qs {
  454. font-family:calibri;
  455. font-size:10px;
  456. font-style:italic;
  457. font-weight:none;
  458. letter-spacing:0.5px;
  459. text-transform:lowercase;
  460. }
  461.  
  462.  
  463. #asker {
  464. font-family: calibri;
  465. font-size:8px;
  466. letter-spacing:1px;
  467. padding-bottom:10px;
  468. line-height:100%;
  469. text-align:left;
  470. text-transform:uppercase;
  471. border:1px; border-width:1px; border-color:{color:border}; border-style:solid; border-top:none; border-right:none; border-left:none;
  472. }
  473.  
  474. #answer {
  475. font-family:calibri;
  476. font-size:10px;
  477. padding-top:5px;
  478. font-style:none;
  479. font-weight:100;
  480. text-align:left;
  481. }
  482.  
  483.  
  484. .audio {
  485. height:60px;
  486. margin-left:-10px;
  487. width:270px;
  488. border:1px; border-width:1px; border-color:{color:border}; border-style:solid; border-top:none; border-right:none; border-left:none;
  489. }
  490.  
  491.  
  492. #musicinfo {
  493. line-height:120%;
  494. font-style:italic;
  495. font-weight:900;
  496. }
  497.  
  498.  
  499.  
  500. /* --- NAV ---*/
  501.  
  502. #pagi
  503. {
  504. font-size:11px;
  505. margin-top:70px;
  506. margin:0 auto;
  507. width:400px;
  508. position:static;
  509. height:20px;
  510. text-transform:lowercase;
  511. font-family:calibri;
  512. text-align:center;
  513. letter-spacing:-0.5px;
  514. font-style:italic;
  515. background:#fff;
  516. }
  517.  
  518.  
  519.  
  520.  
  521. /* --- CREDIT ---*/
  522.  
  523. #mine a{
  524. position:fixed;
  525. padding:5px;
  526. font-family:calibri;
  527. font-size:10px;
  528. right:10px;
  529. bottom:10px;
  530. text-align:center;
  531. background:#fff;
  532. color:{color:text};
  533. }
  534.  
  535.  
  536. {CustomCSS}</style></head><body>
  537.  
  538. <center>
  539.  
  540. <div class="sidebarimage"><img src="{image:sidebar}"/></div>
  541.  
  542. </center>
  543.  
  544. <div id="title">{title}</div>
  545.  
  546. <div id="links">
  547.  
  548. <a href="/">INDEX</a>
  549. <a href="#?w=500" rel="02" class="poplight">LINKS</a>
  550. <a href="/archive">GRID</a>
  551. </div>
  552.  
  553.  
  554. <div id="scrollbar">{scrollbar}</div>
  555.  
  556. {block:HasPages}{block:Pages}
  557.  
  558. <a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  559.  
  560. </div></center></div></a>
  561.  
  562. <!------ POP UP LINKS ------>
  563.  
  564.  
  565. <center><div id="02" class="popup_block">
  566.  
  567. <div id="description">{description}</div>
  568.  
  569. <div id="pulinks">
  570.  
  571.  
  572. <a href="{text:link 1 url}">{text:link 1}</a>
  573. <a href="{text:link 2 url}">{text:link 2}</a>
  574. <a href="{text:link 3 url}">{text:link 3}</a>
  575. <a href="{text:link 4 url}">{text:link 4}</a>
  576. <a href="{text:link 5 url}">{text:link 5}</a>
  577. <a href="{text:link 6 url}">{text:link 6}</a>
  578.  
  579. </p></p></center>
  580. </div>
  581.  
  582. </div>
  583.  
  584. </div></div></div></div></div></div></div></div></div></div>
  585.  
  586.  
  587. <!------ POP UP LINKS ------>
  588.  
  589.  
  590. <!------ POP UP BOX SCRIPTS ------->
  591.  
  592.  
  593. <script type="text/javascript"
  594. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  595. <script>
  596. $(document).ready(function() {
  597. //
  598. $('a.poplight[href^=#]').click(function() {
  599. var popID = $(this).attr('rel'); //Get Popup Name
  600. var popURL = $(this).attr('href'); //Get Popup href to define size
  601. var query= popURL.split('?');
  602. var dim= query[1].split('&');
  603. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  604. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  605. var popMargTop = ($('#' + popID).height() + 80) / 2;
  606. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  607. //Apply Margin to Popup
  608. $('#' + popID).css({
  609. 'margin-top' : -popMargTop,
  610. 'margin-left' : -popMargLeft
  611. });
  612. $('body').append('<div id="fade"></div>');
  613. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  614. return false;
  615. });
  616. $('a.close, #fade').live('click', function() {
  617. $('#fade , .popup_block').fadeOut(function() {
  618. $('#fade, a.close').remove(); //fade them both out
  619. });
  620. return false;
  621. });
  622. });
  623. </script>
  624.  
  625. <!------ POP UP BOX END ------->
  626.  
  627. <div id="entries">
  628. {block:Posts}<div id="post">
  629.  
  630. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  631.  
  632. {block:blockquote}{/block:blockquote}
  633.  
  634. {block:Photo}
  635. <center>{LinkOpenTag}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{/block:Caption}
  636. {/block:Photo}
  637.  
  638. {block:Photoset}
  639. <center>{Photoset-250}</center>
  640. {/block:Photoset}
  641.  
  642. <div id="quote">{block:Quote}{Quote}
  643. <p>
  644. <div id="qs">{block:Source}
  645. — {Source}{/block:Source}</div>{/block:Quote}</p>
  646. </div>
  647.  
  648.  
  649. <!--CAPTIONS-->
  650. {block:Ifhidecaptions}
  651. {block:permalink}
  652. {block:Caption}
  653. {Caption}
  654. {/block:Caption}
  655. {/block:permalink}
  656. {/block:Ifhidecaptions}
  657. {block:Ifnothidecaptions}
  658. {block:Caption}
  659. {Caption}
  660. {/block:Caption}
  661. {/block:Ifnothidecaptions}
  662.  
  663.  
  664. {block:Answer}
  665. <div id="asker">{Asker} asked: {Question}</div>
  666. <div id="answer">{Answer}</div>
  667. {/block:Answer}
  668.  
  669.  
  670. {block:Audio}
  671. <div class="audio">
  672. {block:AudioPlayer}
  673. {AudioPlayerWhite}
  674. {/block:AudioPlayer}
  675. </div>
  676. <br><div id="musicinfo">
  677. {block:TrackName}{TrackName}{/block:TrackName}<br>
  678. {block:Artist}{Artist}{/block:Artist} —
  679. {block:Album}{Album}{/block:Album}
  680. </div>
  681. {/block:Audio}
  682.  
  683. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  684.  
  685. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<div id="label">{Label} {/block:Label} {Line}</div>{/block:Lines}{/block:Chat}
  686.  
  687. <div id="info">
  688. {block:Date}
  689. <a href="{Permalink}" title="{TimeAgo}"><i class="fa fa-circle"></i></a>{/block:Date}
  690. {block:NoteCount}<a href="{Permalink}" title="{NoteCount}"><i class="fa fa-circle"></i></a>{/block:NoteCount}
  691. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="REBLOGGED FROM"><i class="fa fa-circle"></i></a>{/block:RebloggedFrom}
  692. {block:ContentSource}<a href="{SourceURL}" title="CREDIT"><i class="fa fa-circle"></i></a>{/block:ContentSource}
  693. <div class="reblog">
  694. <a href="{ReblogURL}" target="_blank" class="details"><i class="fa fa-retweet fa-lg"></i></a>
  695.  
  696. </div>
  697. </div>
  698.  
  699.  
  700. <div id="taggies">
  701. {block:Tags}
  702. <a href="{TagURL}">#{Tag} </a>
  703. {/block:Tags}
  704.  
  705. </div>
  706.  
  707.  
  708. {block:Video}{Video-250}{/block:Video}
  709. </div>
  710.  
  711. {block:PostNotes}<div id="pt">{PostNotes}</div>{/block:PostNotes}
  712. {/block:Posts}</div>
  713.  
  714.  
  715.  
  716. <div id="pagi"> {block:Pagination}
  717. {block:PreviousPage}
  718. <a href="{PreviousPage}">LAST</a>
  719. {/block:PreviousPage}
  720.  
  721. {block:NextPage}
  722. <a href="{NextPage}">NEXT</a>
  723. {/block:NextPage}
  724. {/block:Pagination}
  725. </div>
  726.  
  727. <!------ S C R I P T S! ------>
  728.  
  729.  
  730. <script type="text/javascript">
  731. WebFontConfig = {
  732. google: { families: [ 'Alegreya+Sans+SC::latin' ] }
  733. };
  734. (function() {
  735. var wf = document.createElement('script');
  736. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  737. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  738. wf.type = 'text/javascript';
  739. wf.async = 'true';
  740. var s = document.getElementsByTagName('script')[0];
  741. s.parentNode.insertBefore(wf, s);
  742. })(); </script>
  743.  
  744.  
  745.  
  746. <!-- start of script tooltip -->
  747. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  748.  
  749. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  750.  
  751. <script>
  752.  
  753. (function($){
  754.  
  755. $(document).ready(function(){
  756.  
  757. $("a[title]").style_my_tooltips({
  758.  
  759. tip_follows_cursor:true,
  760.  
  761. tip_delay_time:90,
  762.  
  763. tip_fade_speed:600,
  764.  
  765. attribute:"title"
  766.  
  767. });
  768.  
  769. });
  770.  
  771. })(jQuery);
  772.  
  773. </script>
  774.  
  775. <!-- end of script tooltip -->
  776.  
  777. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  778.  
  779.  
  780. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  781. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  782. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  783.  
  784. <script type="text/javascript">
  785. $(window).load(function(){
  786. var $wall = $('#entries');
  787. $wall.imagesLoaded(function(){
  788. $wall.masonry({
  789. itemSelector: '#post',
  790. isAnimated : true
  791. });
  792. });
  793. $wall.infinitescroll({
  794. navSelector : "div#navigation",
  795. nextSelector : "div#navigation a#nextPage",
  796. itemSelector : '#post',
  797. loadingImg : "",
  798. loadingText : " ",
  799. donetext : " ",
  800. extraScrollPx : 0,
  801. bufferPx : 10000,
  802. debug : false,
  803. errorCallback: function() {
  804. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  805. }},
  806. function( newElements ) {
  807. var $newElems = $( newElements );
  808. $newElems.hide();
  809. $newElems.imagesLoaded(function(){
  810. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 250, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  811. });
  812. }); $('#entries').show(500);
  813. });
  814. </script>
  815.  
  816. <script language="JavaScript">
  817. function function1(){
  818. window.scrollTo(0,5);
  819. }
  820. function function2(){
  821. window.scroll(0,2);
  822. }
  823. </script>
  824. <!---- end masonry scripts -->
  825.  
  826.  
  827. <div id="mine">
  828. <a href="http://apheilon.tumblr.com" title="theme by apheilon"><i class="fa fa-code"></i></a>
  829.  
  830.  
  831.  
  832.  
  833. </div>
  834. </body>
  835. </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!